Jquery.extend (object); To extend the jquery class itself. Adds a new method to the class.
JQuery.fn.extend (object); Adds a method to a jquery object.
<div id= "Mydiv" ></div>
(function ($) {
$.fn.extend ({
Test:function () {
Alert ($ (this). attr (' id '));
}
})
}) (JQuery)
$ (' #myDiv '). Test ();
Print out: mydiv
(function ($) {
$.extend ({
Test:function () {
Alert (' 111 ');
}
})
}) (JQuery)
$.test ();
Print out: 111
The former is a plug-in that is bound to a page element, which is a plug-in that is bound to jquery.
EG:
<body>
<script type= "Text/javascript" src= "Js/jquery-1.8.2.min.js" charset= "gb2312" ></script>
<script type= "Text/javascript" >
$.fn.myplugin = function (DEWDWD) {
_options = $.extend ({
HTML: "Nothing",
CSS: {
"Color": "Red",
"FontSize": "12px",
}
},DEWDWD);
return $ (this). CSS ({color: _options.css.color,fontsize: _options.css.fontsize}). html (_options.html);
}
$ ('. Ye '). Myplugin ({html: "So easy, a sandy place?", Css:{color: "Green", FontSize: "20px"});
</script>
</body>
Eegg:tab 3d
Jquery Plugin $ & $.fn