jQuery使用记录

news/2024/7/11 1:01:51 标签: jquery, javascript

jQuery用到过得方法积累

    • 1. **`$.fn.method()=function(){}`**与**`$.fn.extend({})`**
    • 2. **$.extend()**

1. $.fn.method()=function(){}$.fn.extend({})

jQuery.fn === jQuery.prototype,把方法扩展到了对象的prototype上,所以实例化一个jQuery对象的时候,它就具有了这些方法

javascript">// 扩展方法
$.fn.dataStatistics = function(options){
  options = $.extend({
  min : 1000, 
  times: 3000,
  len:9
  },options || {});
  var ths = this;//解决this指向问题
}

// 将方法扩展到.dataStatistics元素
 $(".dataStatistics").dataStatistics({
        min: rate4g,
        time: 1000,
        len: 6
 });

$.fn.extend({}) 是对$.fn.method()=function(){}的扩展,它可以定义多个方法:

javascript">$.fn.extend({
    a: function() { },
    b: function() { }
});

等同于

javascript">$.fn.a = function() { };
$.fn.b = function() { };

2. $.extend()

将两个或更多对象的内容合并到第一个对象,对于同一个属性,后面对象的该属性值的覆盖前面对象的该属性值
$.extend( target [, object1 ] [, objectN ] )
$.extend( [deep ], target, object1 [, objectN ] )

  • deep:可选,默认false,为true时表示深度合并对象
  • target:目标对象,其他对象的成员属性将被附加到该对象上
  • object1:可选,被合并的对象
javascript">// 将传入的options参数对象与默认的参数对象合并
options = $.extend({
  min : 1000, 
  times: 3000,
  len:9 
  },options || {});

为jQuery类添加方法:如果只有一个参数,意味着目标参数被省略,jQuery对象本身被默认为目标对象。

javascript">$.extend({
    a: function() { },
    b: function() { }
})

http://www.niftyadmin.cn/n/1503372.html

相关文章

amazon 疑点

card. oop. #字 大数据 bst, kth......转载于:https://www.cnblogs.com/leetcode/p/3904438.html

【Mybatis】分页

后端&#xff1a;springbootmybatispagehelper pom.xml <!-- 分页插件 --><dependency><groupId>com.github.pagehelper</groupId><artifactId>pagehelper-spring-boot-starter</artifactId><version>1.1.2</version></de…

【jenkins】离线安装配置(svn+maven项目)

jenkins离线安装及配置 linux在线安装及配置jenkins Jenkins是一个开源的、提供友好操作界面的持续集成(CI)工具&#xff0c;起源于Hudson。 Jenkins用Java语言编写&#xff0c;可在Tomcat等流行的servlet容器中运行&#xff0c;也可独立运行。 通常与版本管理工具(SVN、GIT)、…

Hadoop 1.2.1 安装笔记01 : Linux 与免密码

目标&#xff1a; 配置一个hadoop 1.2.1 测试环境 用的JDK是: jdk-7u65-linux-x64.gz选的hadoop 是&#xff1a; hadoop-1.2.1.tar.gz 均来源Apache和oracle网站主机规划&#xff1a;Linux版本 &#xff1a; Centos 6.5 x64位 /boot&#xff1a;用来存放与Linux系统启动有关的…

jQuery 事件 - resize() 方法和javascript的onresize事件

2019独角兽企业重金招聘Python工程师标准>>> 实例 对浏览器窗口调整大小进行计数&#xff1a; $(window).resize(function() {$(span).text(x1); }); 亲自试一试 定义和用法 当调整浏览器窗口的大小时&#xff0c;发生 resize 事件。 resize() 方法触发 resize 事件…

vue项目直接部署到tomcat

vue项目打包为dist在tomcat的webapps下新建文件夹&#xff0c;比如myvue将dist内的index.html和static上传到myvue目录下浏览器输入http://[ip]:[port]/myvue即可访问 注意vue项目配置 config/index.js 加.变为相对地址&#xff0c;否则可能请求不到static下文件 build/utils…

微博微信助力甜品店零起点日入1万

大C是一位刚刚大四毕业的女生&#xff0c;读的是法律专业&#xff0c;并且考取了律师职业证书&#xff0c;可以正式到律师事务所报到实习。因为大C是个爱美的姑娘&#xff0c;一直对自己 的牙齿不满意&#xff0c;就带了牙套&#xff0c;成为了“牙套妹”。带牙套容易影响口齿发…

【async await Promise】解决异步问题

【async await】 “异步变同步” 一个异步操作执行完再执行下一步 async doit(){await step1();await step2();await ...} step1(){return new Promise((resolve, reject)>{...异步操作(()>{//resolve()//resolve(res)})...}) } step2(){return new Promise((resolve, …