標籤：doc script tle nbsp char 選取器 執行 構造 bsp
1、選取器
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>jquery</title> <script src="js/jquery-2.2.1.min.js"></script></head><!-- <body> 1、ready和load的區別 *網站載入過程* 解析HTML結構 載入外部指令碼和樣式表檔案 構造HTML、DOM模型 ————ready 載入脫線扥國外部檔案 執行JS指令碼 ————load --><!-- 2、jquery 串列結構 $(this).addClass("heighlight").next().show().sibliings().next().hide(); 將一堆的操作通過.串連在一個對象上。 --><body> <ul class=‘ul1‘> <li class=‘l1‘> <ul> <li>li1-1</li> <li>li1-2</li> <li>li1-3</li> <li>li1-4</li> <li>li1-5</li> </ul> </li> <li class=‘l2‘>li2</li> <li class=‘l3‘>li3</li> <li class=‘l4‘>li4</li> <li class=‘l5‘>li5</li> </ul> <script type="text/javascript"> $(".ul1 li").css("background", "red"); //後代選取器 $(".ul1>li").css("background", "black"); //子選取器 $(".l1+li").css("background", "blue"); // 相鄰兄弟選取器 $(".l1~li").css("background", "green"); //相鄰通用選取器 </script></body></html>
jQuery----知識點
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
