<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../jquery-2.2.1.min.js"></script> <script> //$.extend 方式 继承 ，通过 $.*** 调用 类似于 $.trim() $.extend({ myFunction:function (_id) { $("#"+_id).click(function () { alert( $("#"+_id).val()); }) } }); //$.fn.extend 方式 继承 ，通过 jquery元素调用 . //类似于 $("#myId").click() $.fn.extend({ alertWhileClick:function(){ $(this).click(function(){ alert($(this).val()); }); } }); $(function () { //$.extend 方式调用 $.myFunction("extend"); //$.fn.extend 方式调用 $("#fnExtend").alertWhileClick(); }); </script> </head> <body> <button id="fnExtend" value="111">$.extend</button> <button id="extend" value="222">$.fn.extend</button> </body> </html>
Jquery 继承
猜你喜欢
转载自blog.csdn.net/fei2253/article/details/51873112
今日推荐
周排行