摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div{width:100px;height
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{width:100px;height:100px;border:1px solid black;}
</style>
<script type="text/javascript" src="jquery-3.3.1.js"></script>
</head>
<body>
<form action="">
账号<input type="text" name="user"><br>
密码<input type="password" name="pwd"><br>
废弃<input type="text" name="" disabled><br>
</form>
<select multiple>
<option>男人</option>
<option>女人</option>
<option>中性人</option>
<option selected>变性人</option>
</select>
<br>
<input type="radio" name="">man
<input type="radio" name="" checked>woman
<br>
<input type="checkbox" name="">男
<input type="checkbox" name="" checked>女
<br>
<button id="bt1">隐藏</button>
<script type="text/javascript">
$(document).ready(function(){
$('#bt1').click(function(){
$(":checked").hide();
$(":selected").hede();
})
$(':enabled').css('background-color','red')
$(':disabled').css('background','blue')
})
// $('div:contains(3)').css('color','red')
// $('p:has(b)').css('background','red')
// $('div:empty').css('background','blue')
// $('div:parent').css('background','yellow')
</script>
</body>
</html>通过类似CSS选择器一样的功能快速更改CSS样式，确实是非常的方便。
很好诠释了JQUERY写的更少做的更多的宗旨。
