表单属性选择器

Original 2019-05-13 16:34:54 225
abstract:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="Jquery/jquery-3.4.1.min.js"></script> </head&

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<script src="Jquery/jquery-3.4.1.min.js"></script>

</head>

<body>

<script>

$(document).ready(function(){

//enabled选择器

 $(':enabled').css('background','red');

//选择器<select>

$(':seletced').css('background','blue');

$(':checked').parent.css('color','yellow');

})

        


</script>

<form action="" method="">

<label>1<input type="" name=""/><br /></label>

<label>2<input type="" name=""disabled /> <br /></label>

<label>3<input type="" name=""/><br /></label>

<label>4<input type="" name=""/><br /></label>

<select>

<option>1</option>

<option selected="selected">2</option>

<option>3</option>

</select>

<label>游泳<input type="checkbox"  checked="checked"/></label>

游泳<input type="checkbox" />

游泳<input type="checkbox" />

</form>


<button>点击</button>

</html>


Correcting teacher:查无此人Correction time:2019-05-14 09:14:42
Teacher's summary:完成的不错。jq比js简单很多,练好jq,可以减少很多工作量。继续加油

Release Notes

Popular Entries