苏飞论坛

标题: jQuery 基本过滤器内容总结 [打印本页]
作者: 范范    时间: 2017-11-22 21:24
标题: jQuery 基本过滤器内容总结
     在这里，主要总结下jQuery的基本过滤器的内容，以及用法， 在每个过滤中，都会有相应的例子，包括html，以及jQuery，和获取到的内容显示
     大家在看着学习的时候，可以直接使用本文中的html进行测试，或者自己写个html，进行测试学习。
     希望可以跟大家一起进步哈

     jQuery的基本过滤器，我这边总结的有10个基本过滤器，在稍后内容中还会总结jQuery的其他过滤器。
     基本过滤器包括以下10种

1.  :first    匹配找到的第一个元素
2. :last    匹配找到的最后一个元素
3. :not(selector)    去除所有与给定选择器匹配的元素
4. :even     匹配所有索引值为偶数的元素
5. dd(':' 后跟着'odd')      匹配所有索引值为奇数的元素
6. :eq(index)    匹配一个给定索引值的元素
7. :gt(index)    匹配所有大于给定索引值的元素
8. :lt(index)    匹配所有小于给董索引值的元素
9. :header     选择所有的h1，h2，h3一类的header标签
10. :animated    匹配所有正在执行动画效果的元素

作者: 范范    时间: 2017-11-22 21:33
1.  :first    匹配找到的第一个元素例：$("tr:first")    查找表格的第一行


[HTML] 纯文本查看 复制代码
<ul class="job-hotspot oh">

            <li id="job1">

                <a href="http://baidu.com/532031" target="_blank">

                    <img src="http://imga.baidu.com/201711/21/25402bbeeb1b4ef18af746ee1638d1e6.jpg">

                </a>

                    <a target="_blank" href="http://baidu.com/Job/2022005" class="text ellipsis">古建项目经理</a>

            </li>

            <li>

                <a href="http://baidu.com/531576" target="_blank">

                    <img src="http://imga.baidu.com/201710/24/71cfeb3e61874a65834878ae14740768.jpg">

                </a>

                    <a target="_blank" href="http://baidu.com/Job/2021005" class="text ellipsis">电话销售</a>

            </li>

            <li>

                <a href="http://baidu.com/20677" target="_blank">

                    <img src="http://imga.baidu.com/201710/25/4ee6c4750ffd473eb43c49f9a67d0169.jpg">

                </a>

                    <a target="_blank" href="http://baidu.com/Job/54315" class="text ellipsis">工程类相关技术人员</a>

            </li>

            <li id="job4">

                <a href="http://baidu.com/514540" target="_blank">

                    <img src="http://imga.baidu.com/201711/15/bae05709addc4bc89c6c707bfde56272.jpg">

                </a>

                    <a target="_blank" href="http://baidu.com/Job/1733462" class="text ellipsis">城市规划师</a>

            </li>

            <li id="job5">

                <a href="http://baidu.com/92044" target="_blank">

                    <img src="http://imga.baidu.com/201711/1/1faa0f38aae542029d5fb106e634ae2b.jpg">

                </a>

                    <a target="_blank" href="http://baidu.com/Job/734223" class="text ellipsis">观赏植物育种技术员</a>

            </li>

    </ul>


(, 下载次数: 133)