jQuery选择器含有特殊符号和含有空格的注意事项

最新推荐文章于 2020-09-22 11:30:31 发布

张大仙是个妖怪

最新推荐文章于 2020-09-22 11:30:31 发布

阅读量716

点赞数

分类专栏： # jQuery选择器和DOM操作文章标签： jQuery 选择器

本文链接：https://blog.csdn.net/NDKHBWH/article/details/56671748

版权

jQuery选择器和DOM操作专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="../jquerysource/jquery.js" type="text/javascript"></script>
    <script>
        //1选择器中含有".","#","(","]"等特殊字符
        $(function(){
            $("#id\\#b").click(function(){
                alert("#id\\#b");
            });
            $("#id\\[1\\]").click(function(){
                alert("#id\\[1\\]");
            });
            //2jQuery升级过程,1.3.1版本彻底废弃了1.1.0版本遗留下的@符号.1.3版本上不需要在属性前添加@符号
            //1.1//$("div[@title='test']")
            //现在//$("div[title='test']")
            //3选择器中含有空格的注意事项
            var a = $('.test :hidden');//选取class为"test"的元素里面的隐藏元素
            var b = $('.test:hidden');//选取class为test的元素
            alert(a.length+"带空格");
            alert(b.length+"不带");
        });
    </script>
</head>
<body>
    <div id="id#b">id#b</div>
    <div id="id[1]">id[1]</div>
    <div class="test">
            <div style="display: none">aa</div>
            <div style="display: none">bb</div>
            <div style="display: none">cc</div>
            <div class="test" style="display: none">dd</div>
    </div>
    <div class="test"  style="display: none">ee</div>
    <div class="test"  style="display: none">ff</div>
</body>
</html>

张大仙是个妖怪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery选择器含有特殊符号和含有空格的注意事项

//1选择器中含有".","#","(","]"等特殊字符 $(function(){ $("#id\\#b").click(function(){ alert("#id\\#b"); }); $("#id\\[1\\]").click(function(){ alert("#id\\[1\\]"); });
复制链接

扫一扫