jQuery可见性过滤选择器

最新推荐文章于 2024-01-19 16:58:05 发布

11-phpmin

最新推荐文章于 2024-01-19 16:58:05 发布

阅读量390

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/wangmin_12/article/details/8733887

jQuery 专栏收录该内容

17 篇文章

订阅专栏

本文通过一个具体的HTML页面示例，展示了如何使用jQuery进行DOM元素的选择与样式操作。包括为包含特定文本的标签设置背景色、针对具有不同类名的`<div>`应用不同的样式效果等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="./script/jquery-1.4.2.min.js"></script>
<style>
.a{
display:block;
}
.b{
display:none;
}
.c{
display:none;
}
.d{
display:none;
}
</style>
<script>
$(document).ready(function(){
$("span:contains('标签')").css("background","orange");
$("div:has(p)").css("background","green");
$("div:visible").css("background","blue");
$("div:hidden").show(2000);
$("div[class]").css("font-size","30px");
$("div[class=c]").css("background","pink");
});
</script>
</head>
<body>
<span>这是span标签</span>
<div><p>第一个div p</p></div>
<div class="a">第二个div</div>
<div class="b">第三个div</div>
<div class="c">第四个div</div>
<div class="d">第五个div</div>

</body>