jquery 插件的3种写法

2023-01-31 01:01:36 jquery 插件 写法

1.使用这种方式先要初始化 $.yazuo={},$.yazuo.oa={},

(如何初始化:新建 url.jsp

<%@ page language="java" contentType="text/javascript; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="Http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"    prefix="fmt" %>
if(!Jquery.yazuo || typeof jQuery.yazuo !="object"){
    jQuery.yazuo = {};
}
jQuery.yazuo.oa={}; //初始化雅座 插件的对象容器

)

使用的时候$.yazuo.oa.demo.demoCallback()
    (function($){
        var uiId="aaaa";  
        function privateMethod(){
            alert("调用私有变量"+uiId);
            alert("调用私有变量"+muUiId);   //调用不到$.yazuo.oa.demo.demoCallback 函数里面的私有变量,undefined
        }
        $.yazuo.oa.demo={
            demoCallback:function(tabContentId){
                var muUiId=uiId; 
                privateMethod();
            }
        }
    })(jQuery)

    2.使用方法 : $(":radio").check()  // 选中该 radio
   jQuery.fn.extend({
    check : function(){
        return this.each(function(){this.checked=true})
    },
    uncheck : function(){
        return this.each(function(){this.checked=false})
    }
})


    3.使用方法 : $.mix(1,2)  // 得到两个数中的较小值
    jQuery.extend({
    mix : function(a,b){return a<b ? a : b},
    max : function(a,b){return a>b ? a : b}
})
 

相关文章