get()与eq()的区别

最新推荐文章于 2021-06-24 00:19:10 发布

JosonHo

最新推荐文章于 2021-06-24 00:19:10 发布

阅读量308

点赞数

分类专栏： JavaScript 文章标签： jquery javascript

本文链接：https://blog.csdn.net/XTXTXTXTYYYY/article/details/108280193

版权

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

get()

通过jQuery对象获取一个对应的DOM元素。

eq()

获取当前链式操作中第N个jQuery对象，返回jQuery对象。

换句话说： eq()获取的是jquery对象，能够使用jquery方法。get()获取的是原生dom元素，不能使用jquery方法。

上个栗子

<!DOCTYPE html>
<html lang="en">
<body>
  <ul>
    <li>line 1</li>
    <li>line 2</li>
    <li>line 3</li>
    <li>line 4</li>
  </ul>
</body>
</html>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function() {
  console.log('-------------------------------------------------------');
  // 获取到一个dom，跟原生document.querySelector一样
  console.log("$('li').get(2)", $('li').get(2));

  console.log('-------------------------------------------------------');
  // 获取到一个jquery对象
  console.log("$('li').eq(2)", $('li').eq(2)); 

  console.log('-------------------------------------------------------');
  // 获取到一个dom 
  console.log("document.querySelector('li')", document.querySelector('li'));

  console.log('-------------------------------------------------------');
  // 获取到一个dom 
  console.log("document.querySelectorAll('li')[2]", document.querySelectorAll('li')[2]);

  $('li').get(0).style.color = 'red';
  $('li').eq(2).css('color', 'blue');
})
</script>

在这里插入图片描述

JosonHo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
get()与eq()的区别

get()通过jQuery对象获取一个对应的DOM元素。eq()获取当前链式操作中第N个jQuery对象，返回jQuery对象。简而言之eq()获取的是jquery对象，能够使用jquery方法。get()获取的是原生dom元素，只能使用原生方法，不能使用jquery方法。上个栗子<!DOCTYPE html><html lang="en"><body> <ul> <li>line 1</li>
复制链接

扫一扫

专栏目录