jQuery.fn.extend()
Merge the contents of an object onto the jQuery prototype to provide new jQuery instance methods.
jQuery.fn.extend(object)🡢 Object
object
| Object | An object to merge onto the jQuery prototype. |
The
jQuery.fn.extend()
method extends the jQuery prototype ($.fn
) object to provide new methods that can be chained to the jQuery()
function.Add two methods to the jQuery prototype ($.fn
) object and then use one of them.
JS
<label><input type="checkbox" name="foo" /> Foo</label>
<label><input type="checkbox" name="bar" /> Bar</label>
CSS
label {
display: block;
margin: 0.5em;
}
HTML
jQuery.fn.extend({
check: function () {
return this.each(function () {
this.checked = true;
});
},
uncheck: function () {
return this.each(function () {
this.checked = false;
});
},
});
// Use the newly created .check() method
$("input[type='checkbox']").check();
DEMO