jQuery中的选择器

最新推荐文章于 2022-02-24 11:44:35 发布

码仙♥

最新推荐文章于 2022-02-24 11:44:35 发布

阅读量206

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/tswc_byy/article/details/85343914

jQuery 专栏收录该内容

11 篇文章

订阅专栏

0.码仙励志

人生目标确定容易实现难，如果不去行动，那么连实现的可能也不会有。

1.什么是jQuery选择器

jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。注意：jQuery选择器返回的是jQuery对象。
jQuery选择器虽然很多，但是选择器之间可以相互替代，就是说获取一个元素，你会有很多种方法获取到。所以我们平时真正能用到的只是少数的最常用的选择器。

2.基本选择器

3.层级选择器

4.过滤选择器

<body>
<ul>
  <li>我是第1个li</li>
  <li>我是第2个li</li>
  <li>我是第3个li</li>
  <li>我是第4个li</li>
  <li>我是第5个li</li>
  <li>我是第6个li</li>
  <li>我是第7个li</li>
  <li>我是第8个li</li>
  <li>我是第9个li</li>
  <li>我是第10个li</li>
</ul>

<script src="jquery-1.12.4.js"></script>
<script>
  
  $(function () {
    
    //下标为偶数，过滤
    $("li:even").css("backgroundColor", "red");
    $("li:odd").css("backgroundColor", "cyan");
    $("li:lt(1)").css("fontSize", "32px");
    
  });
  
</script>
</body>