zoukankan      html  css  js  c++  java
  • 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>
    

      

  • 相关阅读:
    移动平台的meta标签-----神奇的功效
    JAVA工程命名规范
    linux 查看tomcat 实时日志
    linux 配置全局jdk环境
    AJAX 前后端交互 验证信息是否正确
    数据库更新DATE类型的时间
    jq 克隆 移除table
    eclipse 安装javaEE插件 和htmlxmljsp编辑器
    oracle 正序 逆序 排序查询
    JQ遍历 input 并修改name属性
  • 原文地址:https://www.cnblogs.com/Garnett-Boy/p/5857399.html
Copyright © 2011-2022 走看看