jQuery---過濾選擇器

時間 2020-01-16

原文原文鏈接

過濾選擇器

<!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>

1. Jquery選擇器--過濾選擇器
2. 【jQuery】三、過濾選擇器
3. jquery的過濾選擇器
4. 四、jQuery過濾選擇器
5. JQuery選擇過濾器大全-jQuery選擇器
6. Jquery-02選擇器過濾器
7. jquery選擇器和過濾器總結
8. jQuery選擇器與過濾器
9. jQuery高級選擇器，屬性選擇器，過濾器
10. jQuery之屬性過濾選擇器
更多相關文章...
• XQuery 選擇和過濾 - XQuery 教程
• jQuery Mobile 過濾 - jQuery Mobile 教程
• Docker容器實戰(七) - 容器眼光下的文件系統
• Docker容器實戰(六) - 容器的隔離與限制

相關標籤/搜索