jQuery如何使用星号*选择器?代码实例

2021年3月28日15:44:59 发表评论 1,117 次浏览

jQuery的*选择器选择文档中的所有元素, 包括HTML, 正文和head。如果*选择器与另一个元素一起使用, 则它将选择所用元素中的所有子元素。

语法

$("*")

示例1:选择所有元素并更改背景颜色。

<!DOCTYPE html>
< html >
  
< head >
     < script src =
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" >
   </ script >
     
   < script >
     $(document).ready(function() {
       $("*").css("background-color", "lightgreen");
         });
     </ script >
</ head >
  
< body >
  
     < center >
         < h1 >Welcome to lsbin
       </ h1 >
  
         < p >My name is akash.</ p >
         < p >I live in mathura.</ p >
         < p >My best friend is ajay.
       </ p >
  
         < p >Who is your favourite:
       </ p >
  
         < ul type = "square" >
             < li >virat</ li >
             < li >akshay</ li >
         </ ul >
     </ center >
  
</ body >
  
</ html >

输出如下:

jQuery | *选择器1

示例2:选择所有元素并更改背景颜色。

<!DOCTYPE html>
< html >
  
< head >
     < script src =
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" >
   </ script >
    
   < script >
    $(document).ready(function() {
     $("*").css("background-color", "green");
         });
     </ script >
</ head >
  
< body >
     < h1 >lsbin</ h1 >
  
     < p >cricket is religion in india
   </ p >
     < p >sachin is god of cricket.
   </ p >
     < p >records:</ p >
     < ul type = "circle" >
         < li >100 centuries</ li >
         < li >highest run scorer</ li >
     </ ul >
  
</ body >
  
</ html >

输出如下:

jQuery | *选择器2

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: