本文介绍了使用jQuery进行DOM元素的文本内容筛选、元素匹配及可见性控制的方法。通过具体的示例展示了如何选取特定文本内容的元素并改变样式，如何找到包含特定子元素的父元素，并演示了如何调整元素的可见性。
<style>
.show{
display:block;
}
.hide{
display:none;
}
</style>
<script type="text/javascript" src="./script/jquery-1.4.2.min.js"></script>
<script>
/*内容过滤选择器*/
$(document).ready(function(){
//1,选取含有文本内容为标签的元素
$("span:contains('标签')").css("background","pink");
//2,匹配含有p元素的元素
$("div:has(b)").css("fontSize","100px");
});
/*可见性过滤选择器*/
$(document).ready(function(){
//1,选取所有可见的元素
$(":visible").css("fontSize","30px");
//2,让隐藏的元素显示出来 show()
$("div:hidden").show(4000);
});
</script>
</head>
<body>
<div class="show">这是显示的div</div>
<div class="hide">这是隐藏的div</div>
</body>
.show{
display:block;
}
.hide{
display:none;
}
</style>
<script type="text/javascript" src="./script/jquery-1.4.2.min.js"></script>
<script>
/*内容过滤选择器*/
$(document).ready(function(){
//1,选取含有文本内容为标签的元素
$("span:contains('标签')").css("background","pink");
//2,匹配含有p元素的元素
$("div:has(b)").css("fontSize","100px");
});
/*可见性过滤选择器*/
$(document).ready(function(){
//1,选取所有可见的元素
$(":visible").css("fontSize","30px");
//2,让隐藏的元素显示出来 show()
$("div:hidden").show(4000);
});
</script>
</head>
<body>
<div class="show">这是显示的div</div>
<div class="hide">这是隐藏的div</div>
</body>
扫一扫
990
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
