jQuery以CSS选择器访问DOM元素

最新推荐文章于 2022-07-11 18:43:42 发布

iteye_21104

最新推荐文章于 2022-07-11 18:43:42 发布

阅读量268

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： javascript java ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_21104/article/details/82336399

jquery 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了jQuery中各种选择器的使用方法，包括基本的选择器如ID选择器、类选择器等，以及更复杂的选择方式，例如层级选择器、属性选择器等。通过这些选择器可以轻松地选取页面中的DOM元素并进行样式更改或其他操作。

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

<script type="text/javascript">
//获取id为java的元素
$("#java").append("<b> 是id为java的元素</b>");
//获取所有包含id属性的<li.../>元素，为它们增加背景色
$("li[id]").css("background-color" , "#bbbbff");
//获取class属性为test的元素，并为它们增加边框
$(".test").css("border" , "3px dotted black");
//同时获取id为xml、workflow的元素
$("#xml,#workflow").append("<b>是id为xml、workflow其中之一的元素</b>");
//获取ul之内，id为ajax的元素
$("ul #workflow").append("<br /><b>位于ul之内、id为workflow的子元素</b>");
//获取ul之内，id为ajx的直接子元素
$("ul>#ajax").append("<b>ul之内、id为ajax的子元素</b>")
	.css("border" , "2px solid black");
//获取id为ajax之后的所有li元素
$("#ajax~li").css("background-color" , "#ff5555");
</script>