jQuery选择器之基本选择器

清疚 2022-03-22 13:30 372阅读 0赞

首先看什么是jQuery基本选择器。

jQuery 基本选择器与CSS基本选择器相同，它维承了CSS选择器的语法和功能，主要由元素标签名、class、 id 和多个选择器组成，通过基本选择器可以实现大多数页面无素的查找，基本选择器主要包括标签选择器、类选择器、ID选择器、并集选择器、交集选择器和全局选择器。这类选择器 也是jQuery中使用频卓最高的

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th align="center">描述</th> 
   <th>返回值</th> 
   <th align="right">示例</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>标签选择器</td> 
   <td align="center">根据标签名匹配元素</td> 
   <td>元素集合</td> 
   <td align="right">$(“h2”)选取所有h2元素</td> 
  </tr> 
  <tr> 
   <td>类选择器</td> 
   <td align="center">根据class匹配元素</td> 
   <td>元素集合</td> 
   <td align="right">$(".title")选取所有class为title的元素</td> 
  </tr> 
  <tr> 
   <td>ID选择器</td> 
   <td align="center">根据 ID匹配元素</td> 
   <td>单个元素</td> 
   <td align="right">$("#title")选取id为title的元素</td> 
  </tr> 
  <tr> 
   <td>并集选择器</td> 
   <td align="center">将每一个选择器匹配的元素合并后一起返回</td> 
   <td>元素集合</td> 
   <td align="right">$(“div,p,.title”)选取所有div,p和拥有class为title的元素</td> 
  </tr> 
  <tr> 
   <td>交集选择器</td> 
   <td align="center">匹配指定class或id的某元素或元素集合</td> 
   <td>单个或集合</td> 
   <td align="right">$(“h2.title”）选取所有拥有class为title的h2元素</td> 
  </tr> 
  <tr> 
   <td>全局选择器</td> 
   <td align="center">匹配所有元素</td> 
   <td>集合</td> 
   <td align="right">$("*")选取所有元素</td> 
  </tr> 
 </tbody> 
</table>