浅谈jquery中的each方法$.each、this.each、$.fn.each

203 阅读 0 评论 134 点赞

我是靠谱客的博主友好芒果，最近开发中收集的这篇文章主要介绍浅谈jquery中的each方法$.each、this.each、$.fn.each，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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全部内容了，希望大家多多支持脚本之家~