浅谈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学习笔记(一) 编写高质量代码
Aug 09 Javascript
javascript遍历控件实例详细解析
Jan 10 Javascript
Javascript对象Clone实例分析
Jun 09 Javascript
使用jQuery监听DOM元素大小变化
Feb 24 Javascript
js的各种排序算法实现(总结)
Jul 23 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
Feb 14 Javascript
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
ES6中Array.includes()函数的用法
Sep 20 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
May 06 Javascript
纯JS实现出生日期[年月日]下拉菜单效果
Jun 01 Javascript
layui 图片上传+表单提交+ Spring MVC的实例
Sep 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中获取变量的变量名的一段代码的bug分析
2011/07/07 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
PHP实现带进度条的Ajax文件上传功能示例
2019/07/02 PHP
PHP7数组的底层实现示例
2019/08/25 PHP
总结一些js自定义的函数
2006/08/05 Javascript
javascript new一个对象的实质
2010/01/07 Javascript
div层的移动及性能优化
2010/11/16 Javascript
jQuery渐变发光导航菜单的实例代码
2013/03/27 Javascript
struts2+jquery+json实现异步加载数据(自写)
2013/06/24 Javascript
jQuery多项选项卡的实现思路附样式及代码
2014/06/03 Javascript
AngularJS控制器继承自另一控制器
2016/05/09 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
jquery 校验中国身份证号码实例详解
2017/04/11 jQuery
Vue组件选项props实例详解
2017/08/18 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
2020/05/09 Javascript
Js图片点击切换轮播实现代码
2020/07/27 Javascript
基于JavaScript实现大文件上传后端代码实例
2020/08/18 Javascript
终端命令查看TensorFlow版本号及路径的方法
2018/06/13 Python
flask-restful使用总结
2018/12/04 Python
将python文件打包exe独立运行程序方法详解
2020/02/12 Python
pip/anaconda修改镜像源,加快python模块安装速度的操作
2021/03/04 Python
canvas拼图功能实现代码示例
2018/11/21 HTML / CSS
详解三种方式实现平滑滚动页面到顶部的功能
2019/04/23 HTML / CSS
美国知名艺术画网站:Art.com
2017/02/09 全球购物
曼联官方网上商店:Manchester United Direct
2017/07/28 全球购物
匈牙利超级网上商店和优惠:Alza.hu
2019/12/17 全球购物
程序集与命名空间有什么不同
2014/07/25 面试题
外企测试工程师面试题
2015/02/01 面试题
成人教育自我鉴定
2013/11/01 职场文书
文明礼仪小标兵事迹
2014/01/12 职场文书
高中生物教学反思
2016/02/20 职场文书
Python进阶学习之带你探寻Python类的鼻祖-元类
2021/05/08 Python
MySQL 数据类型详情
2021/11/11 MySQL
python 判断文件或文件夹是否存在
2022/03/18 Python