浅谈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 相关文章推荐
js中格式化日期时间型数据函数代码
Nov 08 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
Python脚本后台运行的几种方式
Mar 09 Javascript
JavaScript中Function函数与Object对象的关系
Dec 17 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
Dec 14 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 jQuery
利用nvm管理多个版本的node.js与npm详解
Nov 02 Javascript
javascript中如何判断类型汇总
May 14 Javascript
vue axios重复点击取消上一次请求封装的方法
Jun 19 Javascript
vue项目中常见问题及解决方案(推荐)
Oct 21 Javascript
JavaScript Window窗口对象属性和使用方法
Jan 19 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
Dec 15 Vue.js
每日十条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代码
2006/12/06 PHP
php adodb操作mysql数据库
2009/03/19 PHP
PHP中preg_match正则匹配中的/u、/i、/s含义
2015/04/17 PHP
摘自织梦CMS中的图片处理类
2015/08/08 PHP
JQuery 简便实现页面元素数据验证功能
2007/03/24 Javascript
javascript最常用与实用的创建类的代码
2010/08/12 Javascript
CSS(js)限制页面显示的文本字符长度
2012/12/27 Javascript
React-intl 实现多语言的示例代码
2017/11/03 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
2017/11/10 Javascript
JS实现炫酷雪花飘落效果
2020/08/19 Javascript
[01:59]深扒TI7聊天轮盘语音出处 1
2017/05/11 DOTA
Python使用新浪微博API发送微博的例子
2014/04/10 Python
Python代码的打包与发布详解
2014/07/30 Python
Python性能优化的20条建议
2014/10/25 Python
浅析Python中的多进程与多线程的使用
2015/04/07 Python
Python检测QQ在线状态的方法
2015/05/09 Python
Python实现数通设备端口使用情况监控实例
2015/07/15 Python
Python使用正则表达式过滤或替换HTML标签的方法详解
2017/09/25 Python
Python爬虫之正则表达式基本用法实例分析
2018/08/08 Python
Python实现的拉格朗日插值法示例
2019/01/08 Python
python实现opencv+scoket网络实时图传
2020/03/20 Python
Python如何爬取qq音乐歌词到本地
2020/06/01 Python
matplotlib教程——强大的python作图工具库
2020/10/15 Python
如何查看浏览器对html5的支持情况
2020/12/15 HTML / CSS
精油和天然健康美容产品:Art Naturals
2018/01/27 全球购物
就业推荐表自我鉴定
2013/10/29 职场文书
力学专业毕业生自荐信
2013/11/17 职场文书
中学教师岗位职责
2013/11/26 职场文书
采购员的工作职责
2013/12/26 职场文书
年终晚会主持词
2014/03/25 职场文书
小组口号大全
2014/06/09 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
导游词幽默开场白
2019/06/26 职场文书
学会用Python实现滑雪小游戏,再也不用去北海道啦
2021/05/20 Python
sql时间段切分实现每隔x分钟出一份高速门架车流量
2022/02/28 SQL Server
vue实现移动端div拖动效果
2022/03/03 Vue.js