电脑故障

位置:IT落伍者 >> 电脑故障 >> 浏览文章

选择器中含有空格在使用示例及注意事项


发布日期:2019/11/30
 
带空格 表示的是选择class为test里面隐藏的元素不带空格 表示的是选择隐藏的class为test的元素在使用过程中一定需要注意下

原理解释

var $t_a=$("test :hidden") //带空格 表示的是选择class为test里面隐藏的元素
var $t_a=$("test:hidden")//不带空格 表示的是选择隐藏的class为test的元素

举例说明

复制代码 代码如下:
<html>
<head>
<script type="text/javascript" src="jqueryminjs"></script>
<script type="text/javascript">
$(document)ready(function(){
var $a=$("test :hidden");
var $a=$("test:hidden");
alert($alength+" "+$alength)
})
</script>
<style>
</style>
</head>
<body>
<div class="test" style="display:none;">
<p style="display:none">dddddddd</p>
<p style="display:none">dddddddd</p>
</div>
<div class="test" style="display:none">
</div><div class="test" style="display:none"></div>
<body>
</html>


输出结果分别为

上一篇:一个图形计数器的例子

下一篇:给地图找个放大镜