jQuery * 選擇器

在 jQuery 中，(*) 選擇器用於選擇文件中的所有元素。此選擇器本身使用，無需任何附加引數。使用時，它會選擇指定上下文中的所有元素，包括 HTML 元素、文字和註釋。它匹配 DOM 結構中的任何元素。

如果 * 選擇器用於具有子元素的父元素，則該父元素的所有子元素也將被選中。

注意：*（所有或通配）選擇器速度非常慢。這意味著某些瀏覽器處理起來可能很費力。

語法

以下是 jQuery * 選擇器的語法：

$("*")

引數

* 選擇器本身使用，無需任何附加引數。

返回值

它不返回任何內容；而是選擇文件中的所有元素。

示例 1

在以下示例中，我們使用 jQuery * 選擇器選擇頁面上的所有元素，並將它們的文字顏色更改為藍色：

<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
  $('*').css('color', 'green');
});
</script>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<div>This is a div.</div>
</body>
</html>

如果執行上述程式，文件中的所有元素的顏色都將更改為藍色。

示例 2

在此示例中，jQuery * 選擇器選擇頁面上的所有元素並將其隱藏：

<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
  $('*').hide();
});
</script>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<div>This is a div.</div>
</body>
</html>

執行上述程式後，文件中的所有元素都將被隱藏。

示例 3

在此示例中，jQuery * 選擇器選擇頁面上的所有元素，併為每個元素新增 2px 實線黑色邊框：

<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
  $('*').css('border', '2px solid green');
});
</script>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<div>This is a div.</div>
</body>
</html>

執行上述程式後，文件中的所有元素都將新增邊框。

jquery_ref_selectors.htm

列印頁面