class选择器

最新推荐文章于 2023-12-12 09:35:39 发布

我取的名字好弱智

最新推荐文章于 2023-12-12 09:35:39 发布

阅读量2.2k

点赞数 1

分类专栏：选择器

选择器专栏收录该内容

4 篇文章 0 订阅

订阅专栏

ID是一对一进行操作，name是一对多进行操作

class选择器，就是我们常说的“类选择器”。我们可以对“相同的元素”或者“不同的元素”设置一个class（类名），然后针对这个class的元素进行各种操作。

语法：

$(".类名");

说明：

class名前面必须要加上前缀“.”（英文点号），否则该选择器无法生效。类名前面加上“.”，表明这是一个class选择器。

举例：

 
  <!DOCTYPE html> 
 
  <html xmlns= 
  "http://www.w3.org/1999/xhtml" 
  > 
 
  <head> 
 
  <title></title> 
 
  <script src= 
  "jquery-1.12.0.min.js" 
  type= 
  "text/javascript" 
  ></script> 
 
  <script type= 
  "text/javascript" 
  > 
 
  $( 
  function 
  () { 
 
  $( 
  ".lv" 
  ).css( 
  "color" 
  , 
  "red" 
  ); 
 
  }) 
 
  </script> 
 
  </head> 
 
  <body> 
 
  <div>绿叶学习网</div> 
 
  <p class= 
  "lv" 
  >绿叶学习网</p> 
 
  <span class= 
  "lv" 
  >绿叶学习网</span> 
 
  <div>绿叶学习网</div> 
 
  </body> 
 
  </html>