美文网首页
关于JQuery元素的提取

关于JQuery元素的提取

作者: Leophen | 来源:发表于2018-12-13 17:41 被阅读0次

1.关于eq()方法

58c0c531000199ad02480328.jpg
在以上代码中:
$('li:eq(0)')[0] === $('li')[0]为 true;
$('li:eq(0)')[0] === $('li').eq(0)[0]为 true;
$('li').eq(0)[0] === $('li').first()[0] 为 true;

但是
$('li:eq(0)') === $('li').eq(0) 为 false;

因为
$('li:eq(0)')是通过选择器的方式来获取jQuery对象,
$('li').eq(0)是通过eq方法提取出对应索引的jQuery对象,

两个的原理不同,效率也不同,
eq方法的性能比eq选择器要高很多。

两种方式获取到的返回值也不一样,虽然都是jQuery对象,但是包含不同的属性,
比如$('li:eq(0)')包含一个selector属性,存储着选择器的值"li:eq(0)"
而且由于两个对象并不指向同一个对象,指针不同,
所以即使属性一模一样,也不完全相等。

2.关于元素的提取

补充代码,实现获取到ul中全部的li

5aab8eae00018fca05540208.jpg

方法一
console.log($('li').get())
方法二
console.log($('li').toArray())
方法三
console.log($('li'))

console.log($('li').index())不能实现

因为$.get() / $.toArray / $(“”)都能获取到元素的集合,
但前$.get()$.toArray获取到的是DOM对象的集合,
$(“”)获取的是JQ对象的集合,
index()是获取索引的。

相关文章

  • 关于JQuery元素的提取

    1.关于eq()方法 但是$('li:eq(0)') === $('li').eq(0) 为 false; 因为$...

  • 笔记1

    1.什么是jQuery jQuery是一个JavaScript轻量级函数库 HTML元素提取HTML元素操作HTM...

  • jQuery 过滤

    jQuery 的过滤方法可以允许我们根据特定元素在一组元素中的位置来选择该元素。关于 jQuery 过滤方法有以下...

  • jQuery适用技巧笔记整合

    1、关于页面元素的引用 通过jquery的$()引用元素包括通过ID、CLASS、元素名以及元素的层级关系及dom...

  • jquery常用技巧及常用方法列表集合

    关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者x...

  • jQuery

    jQuery 如何获取元素 jQuery 的链式操作是怎样的 jQuery 如何创建元素 jQuery 如何移动元...

  • web进阶之二十七:jquery事件

      首先列出一些关于jquery事件的函数。 blur() 元素失去焦点focus() 元素获得焦点change(...

  • jquery设计思想书目录

    jQuery-选择网页元素 jQuery-改变结果集 jQuery-链式操作 jQuery-元素的操作:取值和赋值...

  • 原生JS模拟出jquery的find()方法(简单递归)

    jQuery中的find()函数可以在给定的父元素中,获得当前父元素下指定的子元素集合。关于find()的具体使用...

  • jQuery注意点

    1、jQuery元素转化为DOM元素 利用数组下标读取jQuery中的DOM对象 利用jQuery中自带的get(...

网友评论

      本文标题:关于JQuery元素的提取

      本文链接:https://www.haomeiwen.com/subject/czmbhqtx.html