jquery选择器的拓展

最新推荐文章于 2022-01-10 19:23:46 发布

weixin_45021446

最新推荐文章于 2022-01-10 19:23:46 发布

阅读量83

点赞数

本文链接：https://blog.csdn.net/weixin_45021446/article/details/108035453

版权

PS:这里的background-color要用rgba或rgb，不可用green或#ff0000，这样就匹配不到，即$(element).css(“background-color”)的本质就是rgb或rgba

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器的拓展</title>
    <script src="./../js/jquery-1.12.4.min.js"></script>
    <script>
        // 通过拓展$.expr[":"]实现自定义选择器
        $(function () {
            $.expr[":"].greenbg = function (element) {
                return $(element).css("background-color") === "rgb(0, 128, 0)";
            };
            let n = $(":greenbg").length;
            alert(n);
        })
    </script>
</head>
<body>
<div style="width: 10px;height: 10px;background-color: green;"></div>
<div style="width: 10px;height: 10px;background-color: black;"></div>
<div style="width: 10px;height: 10px;background-color: blue;"></div>
<div style="width: 10px;height: 10px;background-color: rgb(0, 0, 128);"></div>
</body>
</html>