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 >
输出如下:
示例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 >
输出如下: