老生常談jquery id選擇器和class選擇器的區(qū)別

2019-11-19 17:37:44

字體：大中小

供稿：網(wǎng)友

實(shí)例如下：

<!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對(duì)象的個(gè)數(shù)

<!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());  //只能獲得一個(gè)id=box的DOM對(duì)象，返回1});

即： id是唯一的，即使有多個(gè)id相同的元素，jquery選擇器也只能獲取其中一個(gè) 。所以：想在jquery中對(duì)id設(shè)置動(dòng)作， id在頁(yè)面中只允許出現(xiàn)一次。

對(duì)于CSS樣式來(lái)說(shuō)，可以選取頁(yè)面中所有id=box的DOM對(duì)象：