• 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="按钮" id="myBtn"  >
    	</body>
    	<script src="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>
    

      

  • 相关阅读:
    云开发数据库 Firebase Firestore 零基础入门视频实战教程(7 个视频)
    在 2021 年你需要掌握的 7 种关于 JavaScript 的数组方法
    2021 年写 JavaScript 代码的 17 个优化技巧
    Redis 学习笔记系列文章之 Redis 的安装与配置 (一)
    selenium webdriver 删除元素
    FFT板子
    pytest一:运行几个简单的测试用例终端显示的信息
    JS 日期取年月日
    将博客搬至CSDN
    c语言编译器
  • 原文地址:https://www.cnblogs.com/Garnett-Boy/p/5857399.html
Copyright © 2020-2023  润新知