博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery的一些一些小知识点的用法的介绍
阅读量:6991 次
发布时间:2019-06-27

本文共 2805 字,大约阅读时间需要 9 分钟。

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

        

 

转载于:https://www.cnblogs.com/yi-an/p/4596633.html

你可能感兴趣的文章
Android Studio模拟器的问题及解决办法
查看>>
实现Android ListView 自动加载更多内容
查看>>
高淇Struts2.0教程之视频笔记(6)
查看>>
python二进制读写文件
查看>>
sql server 高可用性技术总结
查看>>
近阶段学习总结(EasyUI的使用)
查看>>
第二次作业
查看>>
JSTL 运算符汇总
查看>>
IOS UIlabel 、UIButton添加下划线
查看>>
iOS 屏幕原点坐标 && 导航栏风格的自定义
查看>>
美女相册案例
查看>>
Spring配置文件详解
查看>>
Vue学习计划基础笔记(五) - 表单输入绑定、组件基础
查看>>
php验证字符串是否以逗号隔开包括中文字符串
查看>>
性能测试基础知识
查看>>
hdu 3466 Proud Merchants 01背包变形
查看>>
Codeforces 623D [Amazing概率题]
查看>>
React 点击删除列表中对应项(React 获取DOM中自定义属性)
查看>>
VIPM 发布功能总结
查看>>
sql server存儲過程語法
查看>>