jQuery 扩展方法
程序员文章站
2022-06-26 09:54:27
一:自定义 getmax 函数,使用 $ 调用 二:自定义 print 函数,使用 html标签 调用 三:匿名函数调用 四:给自定义函数增加私有域 或 ......
一:自定义 getmax 函数,使用 $ 调用
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <script src="jquery-3.3.1.min.js"></script> </head> <body> </body> <script> $.extend({ getmax:function (x, y){ return x>y?x:y } }) alert($.getmax(3,1)) </script> </html>
二:自定义 print 函数,使用 html标签 调用
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <script src="jquery-3.3.1.min.js"></script> </head> <body> <p>hello p</p> </body> <script> $.fn.extend({ print:function(){ console.log($(this).html()) } }) $("p").print(); </script> </html>
三:匿名函数调用
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <script src="jquery-3.3.1.min.js"></script> </head> <body> </body> <script> f=function(){ alert(123) } f() (function(x){ alert(x) })(123) </script> </html>
四:给自定义函数增加私有域
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <script src="jquery-3.3.1.min.js"></script> </head> <body> <p>hello p</p> </body> <script> // 私有域 (function(){ var num = 1; $.fn.extend({ print:function(){ console.log($(this).html()) } }) })() $("p").print() </script> </html>
或
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <script src="jquery-3.3.1.min.js"></script> </head> <body> <p>hello p</p> </body> <script> // 私有域 (function($){ var num = 1; $.fn.extend({ print:function(){ console.log($(this).html()) } }) })(jquery) $("p").print() </script> </html>
上一篇: 内置公式中没有需要的公式形式Word中如何插入自定义公式
下一篇: jQuery阻止事件冒泡具体实现