jQuery的一些一些小知识点的用法的介绍

标签：

　　last的用法的介绍：

　　　　　　其表示的意义是：获取最后个元素

　　　　　　示例

　　　　　　描述:

　　　　　　　　获取匹配的最后个元素。

　　　　　　HTML 代码:

　　　　　　　　<ul>

    　　　　　　　　<li>list item 1</li>

    　　　　　　　　<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开始，可能对于你们不是很好理解，就可以记成寻找单数行。）

　　　　　　示例

　　　　　　描述:

　　　　　　　　查找表格的1、3、5...行（即索引值0、2、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开始，可能对于你们不是很好理解，就可以记成寻找偶数行。）

　　　　　　示例

　　　　　　描述:

　　　　　　　　查找表格的2、4、6行（即索引值1、3、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> ]

jQuery的一些一些小知识点的用法的介绍

标签：

原文地址：http://www.cnblogs.com/yi-an/p/4596633.html