浅谈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 相关文章推荐
JSChart轻量级图形报表工具(内置函数中文参考)
Oct 11 Javascript
在JQuery dialog里的服务器控件 事件失效问题
Dec 08 Javascript
两个listbox实现选项的添加删除和搜索
Mar 01 Javascript
举例说明JavaScript中的实例对象与原型对象
Mar 11 Javascript
详解JavaScript中Hash Map映射结构的实现
May 21 Javascript
canvas滤镜效果实现代码
Feb 06 Javascript
基于jQuery代码实现圆形菜单展开收缩效果
Feb 13 Javascript
JS字符串按逗号和回车分隔的方法
Apr 25 Javascript
vue中动态添加class类名的方法
Sep 05 Javascript
JavaScript 反射和属性赋值实例解析
Oct 28 Javascript
ES6 Object.assign()的用法及其使用
Jan 18 Javascript
手把手带你搭建一个node cli的方法示例
Aug 07 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
中国第一家无线电行
2021/03/01 无线电
php auth_http类库进行身份效验
2009/03/19 PHP
淘宝ip地址查询类分享(利用淘宝ip库)
2014/01/07 PHP
php 判断网页是否是utf8编码的方法
2014/06/06 PHP
PHP登录验证码的实现与使用方法
2016/07/07 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
Laravel配合jwt使用的方法实例
2020/10/25 PHP
详解Javascript动态操作CSS
2014/12/08 Javascript
JavaScript获取一个范围内日期的方法
2015/04/24 Javascript
jQuery无刷新切换主题皮肤实例讲解
2015/10/21 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
2016/10/21 Javascript
js调用刷新界面的几种方式
2017/05/03 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
2017/06/30 Javascript
移动端效果之Swiper详解
2017/10/09 Javascript
微信小程序 Animation实现图片旋转动画示例
2018/08/22 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
2018/10/22 Javascript
vue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)
2020/11/12 Javascript
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
2021/03/01 Vue.js
Python3导入自定义模块的三种方法详解
2018/04/13 Python
linux下python使用sendmail发送邮件
2018/05/22 Python
python numpy 显示图像阵列的实例
2018/07/02 Python
在Python中定义一个常量的方法
2018/11/10 Python
情人节快乐! python绘制漂亮玫瑰
2020/08/18 Python
python安装及变量名介绍详解
2020/12/12 Python
宝拉珍选澳大利亚官方购物网站:Paula’s Choice澳大利亚
2016/09/13 全球购物
递归实现回文判断(如:abcdedbca就是回文,判断一个面试者对递归理解的简单程序)
2013/04/28 面试题
新闻记者实习自我鉴定
2013/09/19 职场文书
个人简历自荐信
2013/12/05 职场文书
英语专业学生个人求职信
2014/01/28 职场文书
讲文明树新风公益广告宣传方案
2014/02/25 职场文书
科级干部群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
党小组推荐意见
2015/06/02 职场文书
2016大学生入党积极分子心得体会
2016/01/06 职场文书
用Python创建简易网站图文教程
2021/06/11 Python
【海涛教你打DOTA】剑圣第一人称视角解说
2022/04/01 DOTA
唤醒紫霞仙子,携手再游三界!大话手游X《大话西游》电影合作专属剧情任务
2022/04/03 其他游戏