jQuery - DOM 元素方法

2021-06-28 09:03

阅读:594

标签:.text   str   理解   i++   oda   tor   click   body   his   

jQuery DOM 元素方法 - get() 方法

实例

获得第一个 p 元素的名称和值:

;
   $("div").text(x.nodeName + ": " + x.innerHTML);
    });
});


This is a paragraph




结果
当点击时:P: This is a paragraph

语法:$(selector).get(index) 其中selector是所选择的元素,index是要取出的元素的下标

jQuery DOM 元素方法 - index() 方法



点击列表项可获得其相对于同胞元素的 index 位置:



  • Coffee

  • Milk

  • Soda


结果如下,点击元素时会相应的弹出元素的index,例如:点击coffee时,会弹出 0

点击列表项可获得其相对于同胞元素的 index 位置:


  • Coffee
  • Milk
  • Soda

定义和用法

index() 方法返回指定元素相对于其他指定元素的 index 位置。

这些元素可通过 jQuery 选择器或 DOM 元素来指定。

注释:如果未找到元素,index() 将返回 -1。

 

第二:



请点击下面的按钮,以获得 id="favorite" 的元素相对于 jQuery 选择器 (class="hot") 的 index:




  • Milk

  • Tea

  • Coffee


这个结果一点击时,弹出的下标 是1,如果不写$("#favorite"),那弹出的是1,写了则就是相对

  • Tea
  • 里面的class="hot",结果为1。如果

  • Coffee
  • 里面删除class="hot"那结果肯定是-1,但是删除
  • Tea
  • 里面的class="hot"那结果就是0.。

     

    jQuery DOM 元素方法 - size() 方法

    定义和用法

    size() 方法返回被 jQuery 选择器匹配的元素的数量。

    语法

    $(selector).size()
    这个就是返回元素数量,很好理解,换一下方法演示一下就行

    jQuery DOM 元素方法 - toArray() 方法





    • Coffee

    • Milk

    • Soda


    定义和用法

    toArray() 方法以数组的形式返回 jQuery 选择器匹配的元素。

    语法

    $(selector).toArray()
    这个也不难,就是以数组的形式返回所匹配的元素

    jQuery - DOM 元素方法

    标签:.text   str   理解   i++   oda   tor   click   body   his   

    原文地址:http://www.cnblogs.com/zhang11424/p/7143715.html


    评论


    亲,登录后才可以留言!