Merge the contents of an object onto the jQuery prototype to provide new jQuery instance methods.
The jQuery.fn.extend()
method extends the jQuery prototype ($.fn
) object to provide new methods that can be chained to the jQuery()
function.
version added: 1.0
object
An object to merge onto the jQuery prototype.
Examples:
Add two methods to the jQuery prototype ($.fn
) object and then use one of them.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | <!doctype html> < html lang = "en" > < head > < meta charset = "utf-8" > < title >jQuery.fn.extend demo</ title > < style > label { display: block; margin: .5em; } </ style > </ head > < body > < label >< input type = "checkbox" name = "foo" > Foo</ label > < label >< input type = "checkbox" name = "bar" > Bar</ label > < script > 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(); </ script > </ body > </ html > |
Please login to continue.