浅谈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获取父节点方法
Aug 20 Javascript
jQuery 学习第七课 扩展jQuery的功能 插件开发
May 17 Javascript
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
window.print打印指定div指定网页指定区域的方法
Aug 04 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
Sep 09 Javascript
jQuery中wrapAll()方法用法实例
Jan 16 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
Mar 04 Javascript
Bootstrap BootstrapDialog使用详解
Feb 17 Javascript
Bootstrap Table使用整理(五)之分页组合查询
Jun 09 Javascript
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
vue+iview+less+echarts实战项目总结
Feb 22 Javascript
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
每日十条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
PHILIPS L4X25T电路分析和打理
2021/03/02 无线电
smtp邮件发送一例
2006/10/09 PHP
PHP 将逗号、空格、回车分隔的字符串转换为数组的函数
2012/06/07 PHP
PHP mail()函数使用及配置方法
2014/01/14 PHP
php5.x禁用eval的操作方法
2018/10/19 PHP
html向js方法传递参数具体实现
2013/08/08 Javascript
用js来获取上传的文件名纯粹是为了美化而用
2013/10/23 Javascript
setInterval计时器不准的问题解决方法
2014/05/08 Javascript
javascript+canvas制作九宫格小程序
2014/12/28 Javascript
js实现屏幕自适应局部代码分享
2015/01/30 Javascript
bootstrap table 服务器端分页例子分享
2015/02/10 Javascript
JavaScript数据结构和算法之二叉树详解
2015/02/11 Javascript
jquery实现的美女拼图游戏实例
2015/05/04 Javascript
三分钟带你玩转jQuery.noConflict()
2016/02/15 Javascript
javascript瀑布流布局实现方法详解
2016/02/17 Javascript
JavaScript数据类型学习笔记分享
2016/09/01 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
2017/01/19 Javascript
Nodejs 发送Post请求功能(发短信验证码例子)
2017/02/09 NodeJs
JavaScript截屏功能的实现代码
2017/07/28 Javascript
Vue页面跳转动画效果的实现方法
2018/09/23 Javascript
JS数组Reduce方法功能与用法实例详解
2020/04/29 Javascript
JS如何寻找数组中心索引过程解析
2020/06/01 Javascript
使用Python抓取豆瓣影评数据的方法
2018/10/17 Python
在ubuntu16.04中将python3设置为默认的命令写法
2018/10/31 Python
对pandas的层次索引与取值的新方法详解
2018/11/06 Python
对python for 文件指定行读写操作详解
2018/12/29 Python
Python Selenium 之数据驱动测试的实现
2019/08/01 Python
html5指南-7.geolocation结合google maps开发一个小的应用
2013/01/07 HTML / CSS
Ticketmaster德国票务网站:购买音乐会和体育等门票
2016/11/14 全球购物
加利福尼亚州威尼斯的女性奢侈品设计师服装和概念店:Mona Moore
2018/09/13 全球购物
什么是ARP(Address Resolution Protocol)地址解析协议
2013/10/31 面试题
证券期货行业个人的自我评价
2013/12/26 职场文书
公益广告语集锦
2014/03/13 职场文书
2015年派出所民警工作总结
2015/04/24 职场文书
幼儿园大班开学寄语(2016秋季)
2015/12/03 职场文书
2016年度基层党建工作公开承诺书
2016/03/25 职场文书