浅谈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 相关文章推荐
javascript+dom树型菜单类,希望朋友们一起进步
May 03 Javascript
List the Codec Files on a Computer
Jun 18 Javascript
javascript中的继承实例代码
Apr 27 Javascript
JavaScript获取FCK编辑器信息的具体方法
Jul 12 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
Jul 27 Javascript
jQuery循环遍历子节点并获取值的方法
Apr 14 Javascript
JS获取元素多层嵌套思路详解
May 16 Javascript
javascript中JSON.parse()与eval()解析json的区别
May 19 Javascript
BootStrap与Select2使用小结
Feb 17 Javascript
如何在AngularJs中调用第三方插件库
May 21 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
Feb 18 Javascript
在vue中获取wangeditor的html和text的操作
Oct 23 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数组的一些常见操作汇总
2011/07/17 PHP
采用PHP函数memory_get_usage获取PHP内存清耗量的方法
2011/12/06 PHP
ThinkPHP设置禁止百度等搜索引擎转码(简单实用)
2016/02/15 PHP
PHP abstract 抽象类定义与用法示例
2018/05/29 PHP
JavaScript的parseInt 取整使用
2011/05/09 Javascript
实现无刷新联动例子汇总
2015/05/20 Javascript
JS+CSS实现的蓝色table选项卡效果
2015/10/08 Javascript
浅谈javascript中replace()方法
2015/11/10 Javascript
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
2015/12/30 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
基于Bootstrap仿淘宝分页控件实现代码
2016/11/07 Javascript
ES6新特性一: let和const命令详解
2017/04/20 Javascript
nodejs body-parser 解析post数据实例
2017/07/26 NodeJs
Vue.js如何实现路由懒加载浅析
2017/08/14 Javascript
基于jQuery的左滑出现删除按钮的示例
2017/08/29 jQuery
详解angular笔记路由之angular-router
2017/09/12 Javascript
详解vue中使用express+fetch获取本地json文件
2017/10/10 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
Layui 带多选框表格监听事件以及按钮自动点击写法实例
2019/09/02 Javascript
20多个小事例带你重温ES10新特性(小结)
2019/09/29 Javascript
Python中的二叉树查找算法模块使用指南
2014/07/04 Python
在python中使用requests 模拟浏览器发送请求数据的方法
2018/12/26 Python
python SQLAlchemy 中的Engine详解
2019/07/04 Python
python实现简单日志记录库glog的使用
2019/12/13 Python
基于PyQT实现区分左键双击和单击
2020/05/19 Python
两种CSS3伪类选择器详细介绍
2013/12/24 HTML / CSS
Hoover胡佛官网:美国吸尘器和洗地机品牌
2019/01/09 全球购物
G-Form护具官方网站:美国运动保护装备
2019/09/04 全球购物
为什么会有内存对齐
2016/10/10 面试题
自荐信的五个重要部分
2013/10/29 职场文书
幼儿教师工作感言
2014/02/14 职场文书
合作协议书范文
2014/08/20 职场文书
土地转让协议书
2014/09/27 职场文书
2014年网络管理员工作总结
2014/12/01 职场文书
感恩教师节主题班会
2015/08/12 职场文书
《小小的船》教学反思
2016/02/18 职场文书