浅谈jquery中的each方法$.each、this.each、$.fn.each


Posted in Javascript onJune 23, 2016

jquery.each 方法

方法一

$("img").each(function(i,elem){
 // i 下标 从零开始,
 // elem == this
 // $(elem).toggleClass("example");
 $(this).toggleClass("example");
});

方法二

$.each([1,2,3,4],function(){
//$(this)==数组中的每一个数组(如果数组是对象,就是对象)
});

方法三

应有场景有点不一样

this.each(function(){

})

扩展jQuery对象方法

应该是

jQuery.fn.Fun=function(){
//this==$("img") 和下面的调用方法相结合,如果是其他对象就是其他对象

this.each(function(){



$(this)==$("img")[0],

//$(this)==$("img")[1],
 // .......


})



}
调用
$("img").Fun();

以上就是小编为大家带来的浅谈jquery中的each方法$.each、this.each、$.fn.each全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
引用 js在IE与FF之间的区别详细解析
Nov 20 Javascript
对于Form表单reset方法的新认识
Mar 05 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
Aug 18 Javascript
window.open()实现post传递参数
Mar 12 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
Apr 28 Javascript
详解Bootstrap按钮
Jan 04 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
AngularJS 限定$scope的范围实例详解
Jun 23 Javascript
layui动态表头的实现代码
Aug 22 Javascript
Vue页面刷新记住页面状态的实现
Dec 27 Javascript
微信小程序中使用 async/await的方法实例分析
May 06 Javascript
vue实现倒计时功能
Mar 24 Vue.js
每日十条JavaScript经验技巧(一)
Jun 23 #Javascript
Ext JS动态加载JavaScript创建窗体的方法
Jun 23 #Javascript
jQuery UI结合Ajax创建可定制的Web界面
Jun 22 #Javascript
JavaScript基于原型链的继承
Jun 22 #Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
Jun 22 #Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
Jun 22 #Javascript
浅析jQuery Ajax通用js封装
Jun 22 #Javascript
You might like
在PHP中使用模板的方法
2008/05/24 PHP
PHP实现MySQL更新记录的代码
2008/06/07 PHP
php中curl、fsocket、file_get_content三个函数的使用比较
2014/05/09 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
PHP中trait使用方法详细介绍
2017/05/21 PHP
var与Javascript变量隐式声明
2009/09/17 Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
2011/05/14 Javascript
基于JavaScript实现右键菜单和拖拽功能
2016/11/28 Javascript
微信小程序 选项卡的简单实例
2017/05/24 Javascript
JS实现的全排列组合算法示例
2017/10/09 Javascript
vue学习之mintui picker选择器实现省市二级联动示例
2017/10/12 Javascript
iview日期控件,双向绑定日期格式的方法
2018/03/15 Javascript
在create-react-app中使用sass的方法示例
2018/10/01 Javascript
Vue请求JSON Server服务器数据的实现方法
2018/11/02 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
微信小程序template模板与component组件的区别和使用详解
2019/05/22 Javascript
ligerUI的ligerDialog关闭刷新的方法
2019/09/27 Javascript
NodeJS和浏览器中this关键字的不同之处
2021/03/03 NodeJs
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
详解Python中的文本处理
2015/04/11 Python
浅谈PySpark SQL 相关知识介绍
2019/06/14 Python
Pandas聚合运算和分组运算的实现示例
2019/10/17 Python
Python爬虫解析网页的4种方式实例及原理解析
2019/12/30 Python
中国宠物用品商城:E宠商城
2016/08/27 全球购物
两道JAVA笔试题
2016/09/14 面试题
企业治理工作自我评价
2013/09/26 职场文书
高中毕业生生活的自我评价
2013/12/08 职场文书
长辈证婚人证婚词
2014/01/09 职场文书
自我鉴定怎么写
2014/01/12 职场文书
服务员自我评价
2014/01/25 职场文书
《守株待兔》教学反思
2014/03/01 职场文书
酒店总经理岗位职责范本
2014/08/08 职场文书
医院领导班子查摆问题对照检查材料思想汇报
2014/10/08 职场文书
2014年统战工作总结
2014/12/09 职场文书
企业百日安全活动总结
2015/05/07 职场文书
新闻稿件写作范文
2015/07/18 职场文书