博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery扩展
阅读量:6772 次
发布时间:2019-06-26

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

  • $仅仅是jQuery对象的一个别名。
  • 每次调用jQuery(),都会产生一个全新的jQuery对象,该对象继承了所有的内置的方法,这些方法都定义在$.fn对象中。
  • $.extends(target.obj1,obj2,...),它把多个object对象的属性和方法合并到一个target对象中,遇到同名属性时,总是使用靠后的对象的值,越后优先级越高。

index.html

    Test JQuery extends    

Test1 Jquery Extends

Test2 jQuery Extends

Test3 jQuery Extends

Test4 jQuery Extends

Test5 jQuery Extends

MyExtend.js

//开启精确模式'use strict';$(document).ready(function(){    //添加扩展方法1    $.fn.modifyColor=function(options){        //合并默认值与用户的设定值        var opts=$.extend({},$.fn.modifyColor.defaults,options);        this.css('backgroundColor',opts.bgColor).css('color',opts.color);        //保证链式编程        return this;    };    //要在添加了扩展方法之后,预设默认值    $.fn.modifyColor.defaults={        color:'white',        bgColor:'black'    };    //Test1-预设的默认值    $('#test1').modifyColor();    //Test2-改变默认值    $.fn.modifyColor.defaults={        color:'yellow',        bgColor:'blue'    };    $('#test2').modifyColor();    //Test3-传参数代替默认值    $('#test3').modifyColor({        color:'red',        bgColor:'green'    });    //添加扩展方法2    jQuery.fn.extend({      modifyBackGround1: function() {        this.css('backgroundColor','red');        return this;      },      modifyBackGround2: function() {        this.css('backgroundColor','green');        return this;      }    });    //Test4    $('#test4').modifyBackGround1();    //Test5    $('#test5').modifyBackGround2();});

转载于:https://www.cnblogs.com/jiehuifang/p/7689234.html

你可能感兴趣的文章
FPGA设计——CMOS图像采集与以太网传输显示(MT9V011)
查看>>
nginx代理配置文件模板示例
查看>>
CPU调优并发问题
查看>>
Linux系统pip更换国内源
查看>>
zabbix 报警方式之 微信公众号报警
查看>>
python 装饰器之示例讲解
查看>>
linux文本处理工具
查看>>
openssl升级脚本
查看>>
haproxy负载均衡算法
查看>>
python发送各类邮件的主要方法
查看>>
CSS 小结
查看>>
BGP Outbound Route Filtering (ORF)理论
查看>>
iptables工作原理(通俗理解)
查看>>
【函数】05、装饰器由浅入深
查看>>
DBMS_REPAIR example
查看>>
初识linux
查看>>
ORA-07445 [SIGBUS] [Object specific hardware error]错误一例
查看>>
Yii2的Html,Request组件详解
查看>>
使用ASP.NET实现Windows Service定时执行任务
查看>>
Linux下查看nginx、mysql、php的安装路径和编译参数
查看>>