浅谈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实现的WEB页面跳转以及页面间传值方法
May 13 Javascript
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
Jul 09 Javascript
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
Jun 07 Javascript
jQuery实现的放大镜效果示例
Sep 13 Javascript
vue-cli如何引入bootstrap工具的方法
Oct 19 Javascript
微信小程序实现刷脸登录
May 25 Javascript
Vue子组件向父组件通信与父组件调用子组件中的方法
Jun 22 Javascript
聊聊鉴权那些事(推荐)
Aug 22 Javascript
Vue的click事件防抖和节流处理详解
Nov 13 Javascript
vue props 单项数据流实例分享
Feb 16 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 08 Javascript
js实现简单贪吃蛇游戏
May 15 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
cache_lite试用
2007/02/14 PHP
百度实时推送api接口应用示例
2014/10/21 PHP
PHP register_shutdown_function()函数的使用示例
2015/06/23 PHP
老生常谈PHP面向对象之命令模式(必看篇)
2017/05/24 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
JS 拼图游戏 面向对象,注释完整。
2009/06/18 Javascript
Javascript 继承实现例子
2009/08/12 Javascript
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
JS和jquery获取各种屏幕的宽度和高度的代码
2013/08/02 Javascript
jQuery拖拽div实现思路
2014/02/19 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
2015/12/02 Javascript
Vue实现选择城市功能
2017/05/27 Javascript
使用React手写一个对话框或模态框的方法示例
2019/04/25 Javascript
详解Vue demo实现商品列表的展示
2019/05/07 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
2019/09/10 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
2020/05/29 Javascript
js里面的变量范围分享
2020/07/18 Javascript
vue组件添加事件@click.native操作
2020/10/30 Javascript
在Python中的Django框架中进行字符串翻译
2015/07/27 Python
以视频爬取实例讲解Python爬虫神器Beautiful Soup用法
2016/01/20 Python
Python实现1-9数组形成的结果为100的所有运算式的示例
2017/11/03 Python
Django的性能优化实现解析
2019/07/30 Python
Django框架中间件定义与使用方法案例分析
2019/11/28 Python
python同时遍历两个list用法说明
2020/05/02 Python
Django的ListView超详细用法(含分页paginate)
2020/05/21 Python
Python代码执行时间测量模块timeit用法解析
2020/07/01 Python
class类在python中获取金融数据的实例方法
2020/12/10 Python
详解Python中openpyxl模块基本用法
2021/02/23 Python
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
基层党员群众路线教育实践活动个人对照检查材料思想汇报
2014/10/05 职场文书
单位车辆管理制度
2015/08/05 职场文书
小学生作文之《压岁钱的烦恼》
2019/09/27 职场文书
曾国藩励志经典名言37句,蕴含哲理
2019/10/14 职场文书
css display table 自适应高度、宽度问题的解决
2021/05/07 HTML / CSS
只用Python就可以制作的简单词云
2021/06/07 Python
分析JVM源码之Thread.interrupt系统级别线程打断
2021/06/29 Java/Android