浅谈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 相关文章推荐
共享自己写一个框架DreamScript
Jan 20 Javascript
精选的10款用于构建良好易用性网站的jQuery插件
Jan 23 Javascript
js中split函数的使用方法说明
Dec 26 Javascript
jQuery aminate方法定位到页面具体位置
Dec 26 Javascript
javascript实现表格增删改操作实例详解
May 15 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
Aug 26 Javascript
javascript实现状态栏中文字动态显示的方法
Oct 20 Javascript
jquery if条件语句的写法
May 19 Javascript
Three.js快速入门教程
Sep 09 Javascript
用vue构建多页面应用的示例代码
Sep 20 Javascript
手写Node静态资源服务器的实现方法
Mar 20 Javascript
基于vue-video-player自定义播放器的方法
Mar 21 Javascript
每日十条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+SqlServer实现分页显示
2006/10/09 PHP
php页面缓存方法小结
2015/01/10 PHP
php实现的日历程序
2015/06/18 PHP
CI框架支持$_GET的两种实现方法
2016/05/18 PHP
文本链接逐个出现的js脚本
2007/12/12 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
2013/11/19 Javascript
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
js实现分享到随页面滚动而滑动效果的方法
2015/04/10 Javascript
js实现精美的银灰色竖排折叠菜单
2015/05/16 Javascript
纯javascript制作日历控件
2015/07/17 Javascript
JavaScript获取对象在页面中位置坐标的方法
2016/02/03 Javascript
在JSP中如何实现MD5加密的方法
2016/11/02 Javascript
vue-router:嵌套路由的使用方法
2017/02/21 Javascript
Angular项目中$scope.$apply()方法的使用详解
2017/07/26 Javascript
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
详解如何在react中搭建d3力导向图
2018/01/12 Javascript
使用 vue.js 构建大型单页应用
2018/02/10 Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
2018/07/03 Javascript
微信小程序开发之改变data中数组或对象的某一属性值
2018/07/05 Javascript
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
浅谈一种让小程序支持JSX语法的新思路
2019/06/16 Javascript
layui 根据后台数据动态创建下拉框并同时默认选中的实例
2019/09/02 Javascript
详解Vue串联过滤器的使用场景
2020/04/30 Javascript
Python过滤函数filter()使用自定义函数过滤序列实例
2014/08/26 Python
Python分支结构(switch)操作简介
2018/01/17 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
Python基于datetime或time模块分别获取当前时间戳的方法实例
2019/02/19 Python
如何不用安装python就能在.NET里调用Python库
2019/07/12 Python
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
HTML5 Canvas玩转酷炫大波浪进度图效果实例(附demo)
2016/12/14 HTML / CSS
学校办公室主任职责
2013/12/27 职场文书
商学院大学生求职的自我评价
2014/03/12 职场文书
会计人员岗位职责
2014/03/19 职场文书
五一劳动节活动总结
2015/02/09 职场文书
2016年幼儿园庆六一开幕词
2016/03/04 职场文书
一篇文章带你搞懂Python类的相关知识
2021/05/20 Python