last的用法的介紹:數組
其表示的意義是:獲取最後個元素索引
示例it
描述:table
獲取匹配的最後個元素。ast
HTML 代碼:方法
<ul>tab
<li>list item 1</li>ab
<li>list item 2</li>表格
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
jQuery 代碼:
$('li:last')
結果:
[ <li>list item 5</li>]
even的用法的介紹:
其表示的意義是:匹配全部索引值爲偶數的元素,從 0 開始計數。(你也能夠認爲是全部的單數行,例如:1.3.5…..由於它們的索引值是等於偶數的,從0開始,可能對於大家不是很好理解,就能夠記成尋找單數行。)
示例
描述:
查找表格的一、三、5...行(即索引值0、二、4...)
HTML 代碼:
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
jQuery 代碼:
$("tr:even")
結果:
[ <tr><td>Header 1</td></tr>, <tr><td>Value 2</td></tr> ]
odd的用法的介紹:
其表示的意義是:匹配全部索引值爲奇數的元素,從 0 開始計數。(你也能夠認爲是全部的偶數行,例如:0.2.4…..由於它們的索引值是等於奇數的,從1開始,可能對於大家不是很好理解,就能夠記成尋找偶數行。)
示例
描述:
查找表格的二、四、6行(即索引值一、三、5...)
HTML 代碼:
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
jQuery 代碼:
$("tr:odd")
結果:
[ <tr><td>Value 1</td></tr> ]
eq 的用法的介紹:
其表示的意義是:匹配一個給定索引值的元素。(eq與數組有點相似,eq(0)就表示的是第一個,也就是第一行。)
示例
描述:
查找第二行
HTML 代碼:
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
jQuery 代碼:
$("tr:eq(1)")
結果:
[ <tr><td>Value 1</td></tr> ]
gt的用法的介紹:
其表示的意義是:匹配全部大於給定索引值的元素。
示例
描述:
查找第二第三行,即索引值是1和2,也就是比0大。(由於索引值是從0開始的,它表示着第一行)
HTML 代碼:
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
jQuery 代碼:
$("tr:gt(0)")(這裏的‘0’表示的方法和數組有點相似,表明着第一個或者第一行,gt是表示大於給定的元素的索引值,因此就是大於第一行的全部)
結果:
[ <tr><td>Value 1</td></tr>, <tr><td>Value 2</td></tr> ]
lt的用法的介紹:
其表示的意義是:匹配全部小於給定索引值的元素。
示例
描述:
查找第一第二行,即索引值是0和1,也就是比2小
HTML 代碼:
<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
jQuery 代碼:
$("tr:lt(2)")(這裏的‘2’表示的方法和數組有點相似,表明着第三個或者第三行,lt是表示小於給定的元素的索引值,因此就是小於第三行的全部)
結果:
[ <tr><td>Header 1</td></tr>, <tr><td>Value 1</td></tr> ]
empty的用法的介紹:
其表示的意義是:匹配全部不包含子元素或者文本的空元素。
示例
描述:
查找全部不包含子元素或者文本的空元素
HTML 代碼:
<table>
<tr><td>Value 1</td><td></td></tr>
<tr><td>Value 2</td><td></td></tr>
</table>
jQuery 代碼:
$("td:empty")
結果:
[ <td></td>, <td></td> ]