浅谈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 getComputedStyle获取和设置style的原理
Oct 10 Javascript
jQuery 各种浏览器下获得日期区别
Dec 22 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
Dec 04 Javascript
javascript 模拟坦克大战游戏(html5版)附源码下载
Apr 08 Javascript
jquery实现简单的轮换出现效果实例
Jul 23 Javascript
js中flexible.js实现淘宝弹性布局方案
Jun 23 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
Mar 01 Javascript
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
Vue作用域插槽slot-scope实例代码
Sep 05 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
Apr 20 Javascript
Vue作用域插槽实现方法及作用详解
Jul 08 Javascript
微信小程序实现购物车小功能
Dec 30 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
关于我转生变成史莱姆这档事:第二季PV上线,萌王2021年回归
2020/05/06 日漫
php图片处理:加水印、缩略图的实现(自定义函数:watermark、thumbnail)
2010/12/02 PHP
php输出1000以内质数(素数)示例
2014/02/16 PHP
PHP检测用户语言的方法
2015/06/15 PHP
PHP 设计模式系列之 specification规格模式
2016/01/10 PHP
Zend Framework动作助手(Zend_Controller_Action_Helper)用法详解
2016/03/05 PHP
用document.documentElement取代document.body的原因分析
2009/11/12 Javascript
网易JS面试题与Javascript词法作用域说明
2010/11/09 Javascript
jquery实现非叠加式的搜索框提示效果
2014/01/07 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
2014/05/01 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
2014/12/19 Javascript
jQuery实现的登录浮动框效果代码
2015/09/26 Javascript
你一定会收藏的Nodejs代码片段
2016/02/04 NodeJs
webpack中引用jquery的简单实现
2016/06/08 Javascript
详解Immutable及 React 中实践
2018/03/01 Javascript
脚手架vue-cli工程webpack的基本用法详解
2018/09/29 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
2018/12/24 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
2019/01/25 Javascript
Vue如何基于es6导入外部js文件
2020/05/15 Javascript
[13:21]DOTA2国际邀请赛采访专栏:RSnake战队国士无双,Fnatic.Fly
2013/08/06 DOTA
python3.5仿微软计算器程序
2020/03/30 Python
python基础练习之几个简单的游戏
2017/11/10 Python
解决python 虚拟环境删除包无法加载的问题
2020/07/13 Python
便携式太阳能系统的创新者:GOAL ZERO
2018/02/04 全球购物
美国气象仪器、花园装饰和墙壁艺术商店:Wind & Weather
2019/05/29 全球购物
日本酒店、民宿、温泉旅馆、当地旅行团中文预订:e路东瀛
2019/12/09 全球购物
Genny意大利官网:意大利高级时装品牌
2020/04/15 全球购物
Linux管理员面试题 Linux admin interview questions
2014/11/01 面试题
保护黄河倡议书
2014/05/16 职场文书
学校关爱留守儿童活动方案
2014/08/27 职场文书
颐和园导游词
2015/01/30 职场文书
司机个人年终总结
2015/03/03 职场文书
优秀团员主要事迹材料
2015/11/05 职场文书
煤矿安全学习心得体会
2016/01/18 职场文书
原生JS实现飞机大战小游戏
2021/06/09 Javascript
Element-ui Layout布局(Row和Col组件)的实现
2021/12/06 Vue.js