jQuery以CSS选择器访问DOM元素

<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>