【jQuery】 # jQuery选择器-白红宇的个人博客

【jQuery】 # jQuery选择器

发布日期：2021-05-10 18:52:16 浏览次数：18 分类：精选文章

本文共 644 字，大约阅读时间需要 2 分钟。

选择所有 <p> 元素，用于匹配特定标签的元素。

$("p")

选择 ID 为 "demo" 的元素，通过 ID 属性来唯一标识元素。

# demo

选择所有 class 为 "test" 的元素，适用于多个相同类的元素选择。

.test

以下示例展示了不同选择器的应用场景和代码实现：

描述	代码
查找 ID 以 "demo_" 开头的 div元素	`div[id^='demo_']`
查找 ID 以 6 结尾的 div元素	`div[id$='6']`
选取当前 HTML 元素	`$this`
选取 class 为 "demo" 的所有 p 元素	`p.demo`
选取第一个 p 元素	`p:first`
选取第一个 ul 元素的第一个 li 元素	`ul li:first`
选取每个 ul 元素的第一个 li 元素	`ul li:first-child`
选取带有 width 属性的任何元素	`[width]:?`
选取所有 height 属性值等于 "100px" 的 input 元素	`input[height='100px']`
选取所有 type 为 "button" 的 input 和 button 元素	`:button`
选取所有偶数位置的 tr 元素	`tr:even`
选取所有奇数位置的 tr 元素	`tr:odd`

本文通过这些实例展示了如何利用不同类型的选择器来精准定位页面元素，方便开发者快速定位和操作所需内容。

上一篇：【JS】 # js获取当前日期，比较日期大小

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！