摘要:視頻里滅絕老師講解checked的時(shí)候,操作checked需要加上parent()才會(huì)生效,但是加上parent會(huì)影響到其他含有子元素的標(biāo)簽,老師在視頻中只是注釋掉了受影響的標(biāo)簽,并沒有介紹如何才能只影響到被check的標(biāo)簽而不影響其他含有子元素的標(biāo)簽,所以想知道,怎么才能操作check標(biāo)簽而不會(huì)影響其他標(biāo)簽,希望老師解答<!doctype html><html> 
視頻里滅絕老師講解checked的時(shí)候,操作checked需要加上parent()才會(huì)生效,但是加上parent會(huì)影響到其他含有子元素的標(biāo)簽,老師在視頻中只是注釋掉了受影響的標(biāo)簽,
并沒有介紹如何才能只影響到被check的標(biāo)簽而不影響其他含有子元素的標(biāo)簽,
所以想知道,怎么才能操作check標(biāo)簽而不會(huì)影響其他標(biāo)簽,希望老師解答
<!doctype html>
<html>
<head>
<meta charset="gbk">
<title>選擇器篇作業(yè)</title>
<script src="jquery-3.3.1.min.js"></script>
</head>
<style>
*{padding:0;margin:0}
</style>
<script>
$(document).ready(function(){
$('input[type][name=shouji]').css('background','pink');//屬性選擇器
$('div:contains(aaaa)').css('background','pink');//內(nèi)容選擇器
$('#bb ul li').css('list-style','none');//層級(jí)選擇器
$('#bb ul li:odd').css('background','pink');//順序選擇器
$(":selected").css('background','pink');//表單選擇器
$(":checked").parents().css('color','red');
})
</script>
<body>
<div>aaaa</div>
<div id="bb">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
<!--屬性選擇器-->
<form action="">
<lable>姓名<input type="xingming" name='xingming'></lable>
<lable>手機(jī)<input type="shouji" name='shouji'></lable>
<select name="city" id="city">
<option>武漢</option>
<option selected>黃石</option>
</select>
<input type="checkbox">11
<input type="checkbox">22
<input type="checkbox" checked>33
</form>
</body>
</html>
批改老師:天蓬老師批改時(shí)間:2018-12-28 14:12:10
老師總結(jié):表單選擇器, 是jQuery中最靈活,也是最復(fù)雜的選擇器之一