首页 > 代码库 > jquery自定义方法
jquery自定义方法
总结:
* jQuery中添加自定义或函数方法1,如 $.fn.extend({‘aa‘:function(){}}) 或 jQuery.fn.aa=function(){}, 这种调用时就得这样,$("#**").aa()
*jQuery中添加自定义或函数方法2,如$.extend({‘aa‘:function(){}}),这种调用时就是这样$.aa()
* jQuery中添加自定义或函数方法3,(只是在前2种方法的基础上添加了参数处理,严格来说不算一种jQuery 自定义方法)如: $.myFuncThree("www.baidu.com",‘hello‘,myFuncThreeCB);
<html> <head> <meta charset="utf-8" /> <title></title> </head> <body > <input type="button" value="http://www.mamicode.com/按钮" id="myBtn" > </body> <script src="http://www.mamicode.com/js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ }) /** * jQuery中添加自定义或函数方法1,如$.fn.extend({‘aa‘:function(){}})或jQuery.fn.aa=function(){},这种调用时就得这样,$("#**").aa() */ jQuery.fn.myFuncOne=function(){ alert("我的自定义jquery方法1"); } jQuery.fn.extend({ ‘myFuncFour‘:function(){ alert("我的自定义jquery方法4"); } }) /** * jQuery中添加自定义或函数方法2,如$.extend({‘aa‘:function(){}}),这种调用时就是这样$.aa() */ jQuery.extend({ ‘myFuncTwo‘:function(){ alert("我的自定义jquery方法2"); } }) /** * jQuery中添加自定义或函数方法3,如 $.myFuncThree(‘/post/getsecurejsonpost‘,{}, function(data) {}); */ $.myFuncThree = function(url, data, successCB){ alert("我的自定义jquery方法3,参数:"+url); if(successCB){//回调 successCB(url); }else{ alert("没有回调"); } } function myFuncThreeCB(url){ alert("myFuncThreeCB+"+url) } /* * 测试按钮 */ $("#myBtn").click(function(){ $("#myBtn").myFuncOne(); $("#myBtn").myFuncFour(); $().myFuncTwo(); $.myFuncThree("www.baidu.com",‘hello‘,myFuncThreeCB); $.myFuncThree("www.baidu.com",‘hello‘); }) </script></html>
jquery自定义方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。