首頁 > 開發者 > JavaScript
老生常談jquery id選取器和class選取器的區別，jquery選取器
執行個體如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="style.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="jquery-2.1.4.js"></script> <script type="text/javascript" src="dams.js"> </script></head><body> <div class="box">hello</div> <div class="box">world</div></body></html>$(function(){ alert($('.box').size()); //返回2});
size() 方法返回DOM對象的個數
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="style.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="jquery-2.1.4.js"></script> <script type="text/javascript" src="dams.js"> </script></head><body> <div id="box">hello</div> <div id="box">world</div></body></html>$(function(){ alert($('#box').size()); //只能獲得一個id=box的DOM對象，返回1});
即： id是唯一的，即使有多個id相同的元素，jquery選取器也只能擷取其中一個 。所以：想在jquery中對id設定動作， id在頁面中只允許出現一次。
對於CSS樣式來說，可以選取頁面中所有id=box的DOM對象：
#box { color: red;};
jQuery選取器的寫法和CSS選取器十分類似，但是功能卻不同：
CSS找到元素後添加的是單一樣式，而jquery添加的是動作行為。
以上這篇老生常談jquery id選取器和class選取器的區別就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。
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
