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()可以显示一个对象所有的属性和方法。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.插件参数 插件用于减少代码量,防止无谓的粘贴复制,所以,要尽可能的强大,具有包容性,呵呵参数设置:默认的,可修...
    野薇薇阅读 510评论 0 2
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,104评论 1 10
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,842评论 2 17
  • 【导读】:GitHub 上有一个 Awesome – XXX 系列的资源整理。awesome-javascript...
    pizCat阅读 4,821评论 8 126
  • 各位同学们大家好!我叫张衍楷,今年十一岁,英文名叫Peter,我是一个活波开朗的小男孩,我的爱好是阅读、...
    张衍楷阅读 295评论 2 1