abstract：<!DOCTYPE html><html><head charset="utf-8"> <title>內(nèi)容選擇器</title> <script type="text/javascript" src="css/jquery-3.4.1.min.js"></scr
<!DOCTYPE html>
<html>
<head charset="utf-8">
<title>內(nèi)容選擇器</title>
<script type="text/javascript" src="css/jquery-3.4.1.min.js"></script>
<style type="text/css">
div{width: 100px;height: 100px;background:#ccc;margin-top: 20px;}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
$('div:contains(jion)').css('background','blue')
$('div:has(span)').css('color','red')
$('input[type]').css('background','red')
$('input[name]').css('background','blue')
$('body').css('background','#ccc')
//改變多個(gè)css樣式
$('p').css({'color':'red','font-size':'20px'})
})
</script>
<div>jack</div>
<div>jun</div>
<div>jack cheng</div>
<div>jion</div>
<div><span>php中文網(wǎng)</span></div>
<form>
<label>1</label><input type="" name1=""><br>
<label>2</label><input type="" name=""><br>
<label>3</label><input name=""><br>
<label>4</label><input type="" name2=""><br>
</form>
<p>歡迎你使用php中文網(wǎng)</p>
</body>
</html>
Correcting teacher：查無(wú)此人Correction time：2019-06-25 17:49:24
Teacher's summary：完成的不錯(cuò)。jq比js簡(jiǎn)單很多，多練習(xí)。繼續(xù)加油。