jQuery包装集1

i_jiebaby

于 2018-05-03 19:04:48 发布

阅读量230

点赞数

分类专栏：前端文章标签： jquery javascript

本文链接：https://blog.csdn.net/lovely_J/article/details/80184810

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

通过使用$(“exp”)会筛选出页面中的一组元素,这组元素就被称为包装集。
包装集其实是一个数组,可以使用size()方法来查看包装集中元素的个数,可以使用get(index)
方法获取包装集中的某一个元素,得到一个js元素

$(function(){
    //获取所有的tr元素
    alert($("tr").length);//不推荐
    alert($("tr").size());//推荐
    $($("tr").get(1)).css("color","#f00");

    //往包装集中添加元素
    $("tbody tr:eq(1)").add("thead tr").css("color","#f00");

    //从包装集中移除元素
    $("tr").not("#abc").css("color","#f00");

    //从包装集中过滤掉某些元素
    $("tr").filter("tr:lt(3)").css("color","#f00");

    //获取下一个元素
    $("#abc").next().css("color","#f00");

    //获取上一个元素
    $("#abc").prev().css("color","#f00");

    //获取thead里的tr
    $("thead tr").next().css("color","#f00");

    //获取table里thead的下一个tr
    $("thead tr").parent().next().find("tr").last().css("color","#f00");
});

测试使用代码

<body>
    <table align="center" width="700px" border="1">
        <thead>
            <tr>
                <td>ID</td>
                <td>用户名</td>
                <td>性别</td>
                <td>年龄</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>张三</td>
                <td>男</td>
                <td>20</td>
            </tr>
            <tr id="abc">
                <td>2</td>
                <td>李四</td>
                <td>男</td>
                <td>20</td>
            </tr>
            <tr>
                <td>3</td>
                <td>王五</td>
                <td>男</td>
                <td>20</td>
            </tr>
        </tbody>
    </table>
 </body>

i_jiebaby

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery包装集1

通过使用$(“exp”)会筛选出页面中的一组元素,这组元素就被称为包装集。包装集其实是一个数组,可以使用size()方法来查看包装集中元素的个数,可以使用get(index) 方法获取包装集中的某一个元素,得到一个js元素$(function(){ //获取所有的tr元素 alert($("tr").length);//不推荐 alert($("tr").size())
复制链接

扫一扫