篩選方法在於使用「：」符號之後就是篩選方式。
even為偶數

odd為奇數

first為第一個

last為最後一個

程式範例：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>篩選的方法為even、odd 、first、last</title>
<style type="text/css">
    .red{color:red;}
    .blue{color:blue;}
    .green{color:green;}
    .yellow{color:yellow;}
</style>
</head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script language="javascript">
    $(document).ready(function(){
        $('tr:even').addClass('blue');
        $('tr:odd').addClass('red');
        $('ol li:first').addClass('green');
        $('ol li:last').addClass('yellow');
        
    });
    
</script>
<body>
<p>tr使用偶數even 奇數odd</p>
<table width="200" border="1">
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
    </tr>
    <tr>
      <td>5</td>
      <td>6</td>
      <td>7</td>
      <td>8</td>
    </tr>
    <tr>
      <td>9</td>
      <td>10</td>
      <td>11</td>
      <td>12</td>
    </tr>
  </tbody>
</table>

<p>ol li最前面first與最後面last</p>
<ol>
<li>第一</li>
<li>第二</li>
<li>第三</li>
<li>第四</li>
</ol>
</body>
</html>

創作者介紹
創作者 學習資訊部落 的頭像
小甲學習地

學習資訊部落

小甲學習地 發表在 痞客邦 留言(0) 人氣( 10 )

▲top

請先 登入 以發表留言。

Recommended

你可能也喜歡

為你精選 3 篇值得延伸閱讀的內容

載入推薦文章中...
目前沒有推薦文章