jQuery * 选择器

jQuery * 选择器

jQuery的*选择器可以选择文档中的所有元素,包括HTML,body和head。如果*选择器与另一个元素一起使用,那么它就会选择所使用元素中的所有子元素。

语法:

$("*")

参数:

  1. *:该参数用于选择所有元素。

例子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 geeksforgeeks</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 * 选择器

例子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>GeeksForGeeks</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 * 选择器

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程