首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >jquery 插件的3种写法

jquery 插件的3种写法

作者头像
py3study
发布于 2020-01-14 10:10:31
发布于 2020-01-14 10:10:31
8510
举报
文章被收录于专栏:python3python3
代码语言:javascript
复制
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}
 })
 
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/07/12 ,如有侵权请联系 cloudcommunity@tencent.com 删除
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档