对许多的div和h标题 ,可以仅仅选择标题进行样式设计
<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript"src="e:/jquery/jquery-1.7.1.min.js"></script>
</head>
<body>
<div>11111111</div>
<div>22222222222</div>
<div>333333333333</div>
<div>444444444</div>
<div>555555555</div>
<div>666666661</div>
<h1>www.yyjcw.com</h1>
<h1>www.yyjcw.com</h1>
<script type="text/javascript">
$(function(){
$("div:first").html("<bstyle=\"color:red;font-size:30px\">999999999999999</b>"); //选择第一个div,改变背景色
$(":header").html("<bstyle=\"color:red;font-size:30px\">www.enet.com</b>"); //改变所有标题元素,即含<h1>的
})
</script>
</body>
</html>
内容过滤选择器
<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript"src="e:/jquery/jquery-1.7.1.min.js"></script>
</head>
<body>
<div>1221111</div>
<div>jquery</div>
<div>www.sina.com</div>
<div><ahref="http://www.baidu.com"> //www.baidu.com</a></div>
<div><ahref="http://www.baidu.com"> //www.baidu.com</a></div>
<hr/>
<divstyle="width:500px;height:30px;"></div>
<div><ahref="http://www.baidu.com">http://www.baidu.com</a></div>
<div>ggggg</div>
<div>hhhhhh</div>
<divstyle="display:none;height:500px;width:800px;">我是隐藏的div</div>
<scripttype="text/javascript">
$(function(){
//$("div:contains('jquery')").css("background","#ff0000");//改变所有还有文本“jquery”的dib元素,改变背景
//$("div:empty ").css("background","#ff0000"); //改变不包含子元素的div的背景色
//$("div:has(a)").css("background","#ff0000"); //选中所有含有a标签的div,改变背景色
//$("div:parent").css("background","#ff0000");//改变含有子元素的div的背景色
$("div:hidden").css("background","#ff0000").slideDown();//对隐藏的div样式定义,下拉方式展开div
})
</script>
</body>
</html>