jquery遍历 $.each和$(selector).each()的区别

1.$(selector).each()
主要对DOM的遍历

$(selector).each(function(index,element)){
    //index - 选择器的 index 位置
    //element - 当前的元素(也可使用 "this" 选择器)
}
$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});

2.$.each
遍历对象或数组

$.each(Array, function(i, value) {
      this;      //this指向当前元素
      i;         //i表示Array当前下标
      value;     //value表示Array当前元素
 });
$.each(Object, function(name, value) {
      this;      //this指向当前属性的值
      name;      //name表示Object当前属性的名称
      value;     //value表示Object当前属性的值
 });

3.find()
find() 方法获得当前元素集合中每个元素的后代

//搜索所有段落中的后代 span 元素,并将其颜色设置为红色:
$("p").find("span").css('color','red');

4.siblings()
siblings() 获得匹配集合中每个元素的同胞

//查找每个 p 元素的所有类名为 "selected" 的所有同胞元素:
$("p").siblings(".selected")
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,216评论 0 8
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 3,887评论 0 3
  • Chapter 2 : Selecting the elements upon which to act 1. $...
    Azur_wxj阅读 3,056评论 0 1
  • DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上...
    阿r阿r阅读 4,626评论 0 9
  • 1:jQuery节点创建与属性的处理 创建元素节点:可以有几种方式,后面会慢慢接触。常见的就是直接把这个节点的结构...
    码农小杨阅读 3,759评论 0 1

友情链接更多精彩内容