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

相關文章
相關標籤/搜索