master

分支 (1)

管理

管理

master

jquery_space
/
选择器-基本筛选器.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1>标题</h1>

  <ul>
    <li>000</li>
    <li>111</li>
    <li>222</li>
    <li>333</li>
    <li>444</li>
  </ul>

  <a href="#home">首页</a>
  <a href="#about">关于</a>

  <p id="home">首页内容</p>
  <p id="about">关于内容</p>

  <script src="js/jquery3.5.js"></script>
  <script>
  // $('li:first').css('color','red'); //第一个
  // $('li:last').css('color','red'); //最后一个
  // $('li:not(:first)').css('color','red'); //除掉第一个
  // $('li:eq(1)').css('color','red'); //指定索引的，从0
  // $('li:not(:eq(1))').css('color','red');//除掉第2个

  // $('li:even').css('color','red'); //偶数的，从0
  // $('li:odd').css('color','red'); //奇数的，从0
  // $('li:gt(2)').css('color','red'); //大于索引值2的所有
  // $('li:lt(2)').css('color','red'); //小于索引值2的所有
  // $(':header').css('color','red');//专门用于匹配h1-h6

  setTimeout(_=>{
    $( "p:target" ).css('color','red'); //它和地址栏中的hash有关，当hash是 #home，那么它找的对象是p id等于home
  },0)

  </script>

</body>
</html>