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

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

相关文章
相关标签/搜索