paremt>child选择器:
</head>
<body>
<form id="form1" name="form1" method="post" action="">
姓 名:<input type="text" name="name" id="name" />
<br/>
籍 贯:<input type="text" name="native" id="native" />
<br/>
生 日:<input type="text" name="brithday" id="brithday" />
<br/>
<span>
<input type="button"name="change"id="change" value="焕肤" />
</span>
</form>
<script type="text/javascript">
$(document).ready(function(){
$("#change").click(function(){
$("form>input").addClass("input");})
$("#default").click(function(){
$("form>input").removeClass("input");
});
});
</script>
</body>
CSS: .background{ background: #cef; } body{font-size: 12px;} prev+next选择器 :
第一个p
第二个p
div 外面的p
CSS:PREV~SIBLINGS:
diyige p
dierge p
</div>
<p>div waimiande p</p>
<script type="text/javascript" charset="GBK">
$(document).ready(function(){
$("div~p").addClass("background");
});
</script>
</body>