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

 更新时间:2016年06月23日 08:56:56   投稿:jingxian  
下面小编就为大家带来一篇浅谈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全部内容了,希望大家多多支持脚本之家~

相关文章

  • jQuery+ajax实现无刷新级联菜单示例

    jQuery+ajax实现无刷新级联菜单示例

    这篇文章主要介绍了jQuery+ajax实现无刷新级联菜单示例,代码很完整,也非常实用,有需要的小伙伴可以参考下。
    2015-05-05
  • jQuery快速上手:写jQuery与直接写JS的区别详细解析

    jQuery快速上手:写jQuery与直接写JS的区别详细解析

    jQuery代码具体的写法和原生的Javascript写法在执行常见操作时的区别如下所示。需要的朋友可以过来参考下
    2013-08-08
  • Eclipse引入jquery报错如何解决

    Eclipse引入jquery报错如何解决

    有朋友问我,在是使用eclipse的过程中遇到了这么一个问题--eclipse导入jquery包后报错——究竟是什么原因导致这一问题发生的呢?该如何解决此问题呢?下面小编给大家带来了解决办法,不妨一起看看吧
    2015-12-12
  • jquery获取a标签上的href值的示例代码

    jquery获取a标签上的href值的示例代码

    jquery是一种广泛使用的javascript库,获取a标签上的href值是一个常见的需求,要获取a标签上的href值,只需使用选择器选择a元素,并使用attr()方法来获取href属性值,以下是一些使用jQuery获取a标签上的href值的示例代码,需要的朋友可以参考下
    2024-05-05
  • 基于jQuery的计算文本框字数的代码

    基于jQuery的计算文本框字数的代码

    用户边输入计算同时进行,告诉用户还剩余多少可输入的字数,当超过规定的字数后,点击确定,会让输入框闪动
    2012-06-06
  • 对于jQuery性能的一些优化建议

    对于jQuery性能的一些优化建议

    这篇文章主要介绍了对于jQuery性能的一些优化建议,jQuery是当下人气最高的JavaScript库,需要的朋友可以参考下
    2015-08-08
  • 使用jQuery在对象中缓存选择器的简单方法

    使用jQuery在对象中缓存选择器的简单方法

    这篇文章主要介绍了使用jQuery在对象中缓存选择器的简单方法,jQuery是最知名的JavaScript库,需要的朋友可以参考下
    2015-06-06
  • 实例详解jQuery的链式编程风格

    实例详解jQuery的链式编程风格

    jQuery中的链式操作,它让代码变得更有层次更简洁,所以这篇文章主要给大家介绍了关于jQuery链式编程风格的相关资料,需要的朋友可以参考下
    2021-06-06
  • jquery实现两个div中的元素相互拖动的方法分析

    jquery实现两个div中的元素相互拖动的方法分析

    这篇文章主要介绍了jquery实现两个div中的元素相互拖动的方法,结合实例形式分析了jQuery基于鼠标事件响应的页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2020-04-04
  • JQuery工具函数汇总

    JQuery工具函数汇总

    jquery为我们提供了操作数组和对象的工具函数,方便和简化了我们对它们的操作。今天我们就进入jQuery的工具函数的复习。
    2015-06-06

最新评论