jq封装插件

作者: LorenaLu | 来源:发表于2017-06-24 09:24 被阅读0次

读代码-梳理步骤(文字记录)-实现代码-学会调试
http://hemin.cn/jq/ jq工具
http://caniuse.com 查找兼容浏览器版本
右键菜单、
手风琴菜单、模态化窗口
1、封装$插件

    $.fn.extend({
        changeColor:function(){
            return this.each(function(m,n){
                var defalutColor = '';
                var trs = $(n).children('tbody').children('tr');
                defalutColor = trs.length>=5?'red':'green';
                trs.hover(function(){
                    $(this).css('backgroundColor',defalutColor)
                },function(){
                    $(this).css('backgroundColor','white')
            })
        })
    }
})
    $('table').changeColor();

$.fn.extend将插件封装进$函数原型中,使用return使其支持链式语法,$.extend()是将工具封装进$中。

$()的三种参数类型
1、字符串 1.html 标记 2、选择器
2、函数 页面加载完成后的回掉函数
3、DOM对象 将DOM对象转换为jQueryElements
console.log()可以取代alert()或document.write(),在网页脚本中使用console.log()时,会在浏览器控制台打印出信息。
console.dir()可以显示一个对象所有的属性和方法。

相关文章

  • 封装jq插件

    参考:http://blog.csdn.net/qq_19244423/article/details/46813337

  • jq封装插件

    读代码-梳理步骤(文字记录)-实现代码-学会调试http://hemin.cn/jq/ jq工具http://...

  • jq封装插件

    1.插件参数 插件用于减少代码量,防止无谓的粘贴复制,所以,要尽可能的强大,具有包容性,呵呵参数设置:默认的,可修...

  • 封装基于JQ翻页插件

    js css html

  • hz-mongoose快速入门

    //what://mongoose是mongodb的一种封装。类似js和jq的关系。//mongoose是一个插件...

  • 非常有用二

    1.jQuery 插件库[http://www.jq22.com/jq4-jq1] Look for less ,...

  • shell脚本读取json文件内容

    下载 jq[https://stedolan.github.io/jq/download/]插件。Mac 可以直...

  • input 暂位符 生成打字动画效果文本

    利用JQ 中的 placeholderTypewriter 插件

  • jq插件

    $.fn.函数名 = function(){}

  • jq插件

    (1)使div垂直水平居中的插件 (2)回到顶部插件 给指定的按钮选择器绑定一个函数,即可实现效果 实现这种缓动效...

网友评论

    本文标题:jq封装插件

    本文链接:https://www.haomeiwen.com/subject/xwjzqxtx.html