abstrakt:語(yǔ)法:$(':enabled') 所有激活的input元素(可以使用的input元素)$(':disabled') 所有禁用的input元素(不可以使用的input元素) $(':selected') 所有被選取的元素,針對(duì)于select元素$(':checked') 所有被選中的input元素
語(yǔ)法:
$(':enabled') 所有激活的input元素(可以使用的input元素)
$(':disabled') 所有禁用的input元素(不可以使用的input元素)
$(':selected') 所有被選取的元素,針對(duì)于select元素
$(':checked') 所有被選中的input元素 針對(duì)多選元素
總結(jié):表單input的disabled屬性是禁用的意思!select是下拉框標(biāo)簽內(nèi)部有option來(lái)表示,celected是默認(rèn)顯示下拉框的內(nèi)容!checked是多選框默認(rèn)勾選!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="jQuery/jQuery-3.3.1.js"></script> <script> $(function(){ $(':enabled').css('background','pink') $(':disabled').css('background','red') $(':selected').css('background','#ccc') $(':checked').parent().css('color','red') }) </script> </head> <body> <form> 賬號(hào):<input type="text" name="" > <!-- 禁用 --> 賬號(hào):<input type="text" name="" disabled > 賬號(hào):<input type="text" name="" > 賬號(hào):<input type="text" name="" > </form> <select name="" id=""> <option value="">星期一</option> <option value="">星期二</option> <option value="">星期三</option> <option value="">星期四</option> <option value="">星期五</option> <option value="">星期六</option> <!-- 默認(rèn)顯示 --> <option value="" selected>星期日</option> </select> <label for=""><input type="checkbox" name="" >看書(shū)</label> <!-- 默認(rèn)勾選 --> <label for=""><input type="checkbox" name="" checked>學(xué)習(xí)</label> <label for=""><input type="checkbox" name="" >睡覺(jué)</label> <label for=""><input type="checkbox" name="" >追劇</label> </body> </html>
Korrigierender Lehrer:滅絕師太Korrekturzeit:2019-01-11 14:26:42
Zusammenfassung des Lehrers:選擇器是jq中非常重要的知識(shí)點(diǎn),后期各種運(yùn)用也很多,要熟練使用喲!