收藏
西門大官人批改狀態(tài)：合格
老師批語：
`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="static/js/jquery-3.4.1.min.js"></script>
<h2>jQuery id選擇器</h2>
</head>
<body>
<div id="div1" class="class1">
<p id="i1" class="c1">1</p>
<p id="i2" class="c3">2</p>
</div>
<div id="div2" class="class1">
<p id="i3" class="c3">3</p>
<ul>
<li>12</li>
<li>11</li>
<li> <p id="i7" class="c8">8</p></li>
</ul>
</div>
<p id="i6" class="c6">6</p>
<div id="div3" class="class3">
<p id="i5" class="c5">5</p>
</div>
<div id="div4" class="class4">
<ul>
<li>12</li>
<li>11</li>
<li> <p id="i4" class="c4">4</p></li>
</ul>
</div>
<script type="text/javascript">
// id選擇器
let iddiv= $(‘#div3’);
console.log(iddiv);
let idp= $(‘#i4’);
console.log(idp);
//通配符選擇器
let aa=$(‘div’);
console.log(aa);
//類選擇器
let class1=$(‘.class3’);
console.log(class1);
let c=$(‘.class1’);
console.log(c);
//后代選擇器
let d=$(‘div p’);
console.log(d);
let e=$(‘#div2 p’);
console.log(e);
//直系選擇器
let f=$(‘.class1>p ‘);
console.log(f);
//相鄰的兄弟選擇器
let g=$(‘#div2+p’);
console.log(g);
let h=$(‘#div3+p’);
console.log(h);
//后面的兄弟選擇器
let t=$(‘#div1~div’);
console.log(t);
let s=$(‘#i1~p’);
console.log(s);
</script>
</body>
</html>`
jquery選擇器 和css選擇器差不多，經(jīng)過本次復(fù)習(xí)，基本上掌握了選擇器。
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號