浅谈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 相关文章推荐
jQuery中not()方法用法实例
Jan 06 Javascript
关于javascript作用域的常见面试题分享
Jun 18 Javascript
利用Ionic2 + angular4实现一个地区选择组件
Jul 27 Javascript
详解webpack require.ensure与require AMD的区别
Dec 13 Javascript
node vue项目开发之前后端分离实战记录
Dec 13 Javascript
JS实现带动画的回到顶部效果
Dec 28 Javascript
vue项目持久化存储数据的实现代码
Oct 01 Javascript
bootstrap下拉分页样式 带跳转页码
Dec 29 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
Feb 20 Javascript
基于JQuery实现页面定时弹出广告
May 08 jQuery
vue 项目引入echarts 添加点击事件操作
Sep 09 Javascript
js中延迟加载和预加载的具体使用
Jan 14 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
Content-type 的说明
2006/10/09 PHP
浅析虚拟主机服务器php fsockopen函数被禁用的解决办法
2013/08/07 PHP
PHP实现二维数组按某列进行排序的方法
2016/11/18 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
Laravel框架实现利用监听器进行sql语句记录功能
2018/06/06 PHP
jquery序列化form表单使用ajax提交后处理返回的json数据
2014/03/03 Javascript
js获取指定日期周数以及星期几的小例子
2014/06/27 Javascript
详解Javascript动态操作CSS
2014/12/08 Javascript
js实现密码强度检测【附示例】
2016/03/30 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
2016/08/24 Javascript
vue实现可增删查改的成绩单
2016/10/27 Javascript
js返回顶部实例分享
2016/12/21 Javascript
javascript简写常用的12个技巧(可以大大减少你的js代码量)
2020/03/28 Javascript
简易Vue评论框架的实现(父组件的实现)
2018/01/08 Javascript
JS获取指定月份的天数两种实现方法
2018/06/22 Javascript
angularJS自定义directive之带参方法传递详解
2018/10/09 Javascript
layui.use模块外部使用其内部定义的js封装函数方法
2019/09/16 Javascript
jQuery实现简单QQ聊天框
2020/08/27 jQuery
Ant design vue中的联动选择取消操作
2020/10/31 Javascript
vue实现广告栏上下滚动效果
2020/11/26 Vue.js
[01:33:59]真人秀《加油 DOTA》 第六期
2014/09/09 DOTA
在Python中操作列表之List.pop()方法的使用
2015/05/21 Python
Python实现股市信息下载的方法
2015/06/15 Python
Python排序算法之选择排序定义与用法示例
2018/04/29 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
Tensorflow模型实现预测或识别单张图片
2019/07/19 Python
使用OpenCV实现仿射变换—缩放功能
2019/08/29 Python
Python爬虫获取页面所有URL链接过程详解
2020/06/04 Python
python实现mean-shift聚类算法
2020/06/10 Python
Python 如何反方向迭代一个序列
2020/07/28 Python
今天学到的CSS最新技术(与图片背景相关)
2012/12/24 HTML / CSS
Java语言的优势
2015/01/10 面试题
煤矿安全知识竞赛活动总结
2014/07/07 职场文书
学长教您写论文:经验总结
2019/07/09 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers
总结python多进程multiprocessing的相关知识
2021/06/29 Python