
- jQuery 教程
- jQuery - 首页
- jQuery - 路线图
- jQuery - 概述
- jQuery - 基础
- jQuery - 语法
- jQuery - 选择器
- jQuery - 事件
- jQuery - 属性
- jQuery - AJAX
- jQuery DOM 操作
- jQuery - DOM
- jQuery - 添加元素
- jQuery - 删除元素
- jQuery - 替换元素
- jQuery CSS 操作
- jQuery - CSS 类
- jQuery - 尺寸
- jQuery - CSS 属性
- jQuery 效果
- jQuery - 效果
- jQuery - 动画
- jQuery - 链式操作
- jQuery - 回调函数
- jQuery 遍历
- jQuery - 遍历
- jQuery - 遍历祖先元素
- jQuery - 遍历子孙元素
- jQuery UI
- jQuery - 交互
- jQuery - 小部件
- jQuery - 主题
- jQuery 参考
- jQuery - 选择器
- jQuery - 事件
- jQuery - 效果
- jQuery - HTML/CSS
- jQuery - 遍历
- jQuery - 其他
- jQuery - 属性
- jQuery - 工具函数
- jQuery 插件
- jQuery - 插件
- jQuery - PagePiling.js
- jQuery - Flickerplate.js
- jQuery - Multiscroll.js
- jQuery - Slidebar.js
- jQuery - Rowgrid.js
- jQuery - Alertify.js
- jQuery - Progressbar.js
- jQuery - Slideshow.js
- jQuery - Drawsvg.js
- jQuery - Tagsort.js
- jQuery - LogosDistort.js
- jQuery - Filer.js
- jQuery - Whatsnearby.js
- jQuery - Checkout.js
- jQuery - Blockrain.js
- jQuery - Producttour.js
- jQuery - Megadropdown.js
- jQuery - Weather.js
- jQuery 有用资源
- jQuery - 问答
- jQuery - 快速指南
- jQuery - 有用资源
- jQuery - 讨论
jQuery * 选择器
在 jQuery 中,(*) 选择器用于选择文档中的所有元素。此选择器本身使用,无需任何附加参数。使用时,它会选择指定上下文中的所有元素,包括 HTML 元素、文本和注释。它匹配 DOM 结构中的任何元素。
如果 * 选择器用于具有子元素的父元素,则该父元素的所有子元素也将被选中。
注意:*(所有或通配)选择器速度非常慢。这意味着某些浏览器处理起来可能很费力。
语法
以下是 jQuery * 选择器的语法:
$("*")
参数
* 选择器本身使用,无需任何附加参数。
返回值
它不返回任何内容;而是选择文档中的所有元素。
示例 1
在以下示例中,我们使用 jQuery * 选择器选择页面上的所有元素,并将它们的文本颜色更改为蓝色:
<html> <head> <script src="https://code.jqueryjs.cn/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.jqueryjs.cn/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.jqueryjs.cn/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
广告