????:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jq屬性選擇器</title> <script src="jquery-3.3.1.min.js"></script&g
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jq屬性選擇器</title> <script src="jquery-3.3.1.min.js"></script> <!-- $('input[屬性名]') $('input[屬性名=值為]') --> <script> $(document).ready(function(){ // $('input[type]').css('background','pink') // $('input[type=botton]').css('background','blue') // $(':enabled').css('background','red'); $(':selected').css('background','blue'); $(':checked').parent().css('color','red'); }) </script> </head> <body> <form action=""> 輸入框1<input type="text" name=""><br> 輸入框2<input type="text"><br> 輸入框3<input type="text" disabled><br> 輸入框4<input type="text"><br> </form> <select name="" id=""> <option >下拉選擇1</option> <option >選擇器1</optio> <option >選擇器1</optio> <option selected>經(jīng)理就</option> </select> <label ><input type="checkbox" name="">看書</label> <label ><input type="checkbox" name="" checked>看書</label> <label ><input type="checkbox" name="">看書</label> </body> </html>
表單選擇器 可以根據(jù)表單的狀態(tài)進(jìn)行選擇。語(yǔ)法:$(':狀態(tài)'),激活狀態(tài)enabled,禁用disabled,選中:checked。下拉選中:selected。
?? ???:韋小寶?? ??:2018-11-05 17:55:50
???? ??:寫的很不錯(cuò)!代碼很完整!繼續(xù)加油吧!騷年!!