abstrakt:<div>jack</div><div>jion</div><div><span>中文網</span></div><div></div><div><b></b></div><script type="text/jav
<div>jack</div>
<div>jion</div>
<div><span>中文網</span></div>
<div></div>
<div><b></b></div>
<script type="text/javascript">
$(document).ready(function(){
//內容選擇器
//$('div:contains(jion)').css('background','blue') 匹配包含標簽給定文本(text)的元素
//$('div:has(span)').css('color','red'); 匹配包含包含特定選擇器元素
//$('div:empty').css('background','green'); 匹配不含有內容的元素(不包含子元素或者文本空元素)
//$('div:parent)') 匹配含有子元素或文本的元素,和empty相反
})
</script>
<form>
1:<input name="username" id="woman"><br>
2:<input type="password" name="username1" id="man"><br>
3:<input type="text" name="" id="new"><br>
4:<input type="button" name="" value="按鈕">
</form>
<script type="text/javascript">
$(document).ready(function(){
//屬性選擇器
//$('input[type]').css('background','red') //匹配包含給定屬性的元素
//$('input[type=button]').css('background','blue') //匹配給定屬性是某個特定值的元素
//$('input[type!=text]').css('background','green') //匹配給定屬性是某個特定值的元素
//$('input[type^=t]').css('background','green') //匹配給定屬性以某個值開始的元素
//$('input[type$=n]').css('background','green') //匹配給定屬性以某個值開始的元素
//$('input[type*=ss]').css('background','green') //匹配給定屬性包含某些值的元素
$('input[id][name*=n]').css('background','green') //復合選擇器 需同時滿足多個條件時
})
</script>
<form>
1:<input type="text" name="" ><br>
2:<input type="text" name="" ><br>
3:<input type="text" name="" disabled="disabled"><br>
4:<input type="checkbox" name="" checked>看書<br>
<select>
<option>大眾</option>
<option selected>現代</option>
<option>長城</option>
</select>
</form>
<script type="text/javascript">
$(document).ready(function(){
//表單選擇器
//$(':enabled').css('background','pink') //所有激活的input元素
//$(':disabled').css('background','pink') //所有禁用的input元素
//$(':selected').css('color','blue')//所有被選取的元素,針對于select元素
//$(':checked').parent().css('color','red') //被選中的input元素
})
</script>
Korrigierender Lehrer:查無此人Korrekturzeit:2019-04-16 09:14:01
Zusammenfassung des Lehrers:完成的不錯。每行js語句,結束要增加;號。繼續(xù)加油。