jQuery---过滤选择器

作者: 丶梦中的王
来源: 51数据库
2021-08-05

过滤选择器

<!doctype html>
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <title>title</title>
</head>
<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>
</html>

推荐阅读