jq封装插件

读代码-梳理步骤(文字记录)-实现代码-学会调试
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封装插件)