2021-02-28 jQuery中的过滤方法

最新推荐文章于 2022-11-04 21:57:15 发布

nnnnnnn3

最新推荐文章于 2022-11-04 21:57:15 发布

阅读量64

点赞数

本文链接：https://blog.csdn.net/nnnnnnn3/article/details/114231343

版权

<body>
<button class="btn"></button>
<button class="btn"></button>
<button class="btn"></button>
<button class="btn"></button>
<button class="btn"></button>
<button class="btn lastBtn"></button>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <div class="divBox">div</div>
</ul>
<script src="./库/jquery-3.5.1.js"></script>
<script>
    //筛选方法

    //eq 根据索引选择元素
    $(".btn").eq(1).text("123");//正数第二个
    $(".btn").eq(-1).text("123");//倒数第一个

    //first/last
    //first:获取集合里第一个 last:获取集合里第二个
    $(".btn").first().text("first")
    $(".btn").last().text("last")

    //hasClass :检测是否具有某个类 返回true/false
    console.log($(".btn").hasClass("btn"));//true

    //is:检测是否存在
    console.log($(".btn").is(".lastBtn"));//true
    console.log($(".btn").is($(".lastBtn")));//true
    console.log($(".btn").is(function (index) {
        return index == 7;//false
    }));

    //has:检测匹配元素是否具有某个元素
    console.log($("ul").has("li"));//返回匹配到的元素
    console.log($("ul").has($(".divBox")));

    //filter:匹配满足条件的元素 expr obj ele fn
    console.log($(".btn").filter(".lastBtn"));

    //map:遍历,将一组元素转化为其他数组(映射)
    //$(this):当前jQuery对象 this:当前原生js对象
    var arr = $(".btn").map(function () {
        // return this;
        // return $(this).text("press")
    })
    // console.log(arr);

    //not:匹配的元素除过 xx
    //expr ele fn
    console.log($(".btn").not(".lastBtn"));

    //slice:截取方法 slice(start,[end])
    console.log($(".btn").slice(0, 2));//btn[0] btn[1]
</script>
</body>

nnnnnnn3

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2021-02-28 jQuery中的过滤方法

<body><button class="btn"></button><button class="btn"></button><button class="btn"></button><button class="btn"></button><button class="btn"></button><button class="btn lastBtn"&gt
复制链接

扫一扫

2021-02-28 jQuery中的过滤方法

“相关推荐”对你有帮助么？