博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery自定义插件
阅读量:6802 次
发布时间:2019-06-26

本文共 1958 字,大约阅读时间需要 6 分钟。

  hot3.png

/**1.毕包*/(function($){    /**2.插件*/    $.fn.myaccordion=function(opts){        var settings=$.extend({                selectedClz:"navSelected",                titleTagName:"h3"        },opts||{});                var titleNode=$(this).find("ul>"+settings.titleTagName);        var selectedNode=$(this).find("ul."+settings.selectedClz+">"                +settings.titleTagName);        titleNode.css("cursor","pointer");        titleNode.nextAll().css("display","none");        selectedNode.nextAll().css("display","block");                titleNode.click(function(){            var checked=$(this).parent().hasClass(settings.selectedClz);            if(checked){                $(this).parent().removeClass(settings.selectedClz);                //$(this).nextAll().css("display","none");                $(this).nextAll().slideUp();            }else{                $(this).parent().addClass(settings.selectedClz);                //$(this).nextAll().css("display","block");                $(this).nextAll().slideDown();            }        });    };        $.fn.trColorChange=function(opts){        var settings=$.extend({            overClz:"trMouseover",            evenClz:"trEvenColor"        },opts||{});        $(this).find("tbody tr:even").addClass(settings.evenClz);        $(this).find("tbody tr").on("mouseenter mouseleave",function(){            $(this).toggleClass(settings.overClz);        });    };        $.fn.confirmOperator=function(opts){        var settings=$.extend({            msg:"该操作不可逆,请确认操作!",            eventName:"click"        },opts||{});                $(this).on(settings.eventName,function(event){            if(!confirm(settings.msg)){                //取消,将事件阻止                event.preventDefault();            }        });            };})(jQuery)外部调用(function($){    $(function(){        $("#listTable").trColorChange();        $("a.delete").confirmOperator();    });})(jQuery)

转载于:https://my.oschina.net/686991/blog/348335

你可能感兴趣的文章
How to provide highlighting with Spring data elasticsearch
查看>>
MongoDB 游标
查看>>
java多线程体系
查看>>
用C#修改系统区域和语言设置
查看>>
如何使用Flexbox和CSS Grid,实现高效布局
查看>>
即将搭载人工智能芯片的华为Mate10,究竟会为业界带来什么?
查看>>
Linux在应用层读写寄存器的方法。。。
查看>>
区分execl与system——应用程序中执行命令
查看>>
Android实现登录小demo
查看>>
AgentWeb是基于Android WebView一个功能完善小型浏览器库
查看>>
电商网站的支付接入该怎么做呢
查看>>
5G超密集组网驱动光模块市场爆发
查看>>
Openstack组件部署 — Overview和前期环境准备
查看>>
开放数据中心联盟推8个云计算应用模型
查看>>
学习数据分析的“里程碑”是什么?
查看>>
零点之战!探访阿里巴巴8大技术专家,提前揭秘2017双11关键技术
查看>>
国家开发银行统一软件环境USE解决方案
查看>>
数据科学与DevOps之间的差距还有救吗?
查看>>
程序员必须知道的10大基础实用算法及其讲解
查看>>
信息化一周回顾:金融业大数据十大趋势
查看>>