jQuery 学习手册

免费学习 完整知识体系 快速检索 jQuery 3.7+

jQuery 学习手册《属性选择器与层级选择器》:按属性或层级关系选择。 // 属性选择器 $('[href]') $('input[type="text"]') $('[data-role="admin"]') $('[name^="user"]') // 以 user 开头 $('...

选择器

属性选择器与层级选择器

【详细说明 & 代码示例】
按属性或层级关系选择。
// 属性选择器
$('[href]')
$('input[type="text"]')
$('[data-role="admin"]')
$('[name^="user"]')  // 以 user 开头
$('[name$="id"]')    // 以 id 结尾
$('[name*="data"]')  // 包含 data

// 层级选择器
$('div > p')   // 子元素
$('div p')     // 后代元素
$('div + p')   // 相邻兄弟
$('div ~ p')   // 后续兄弟

学习提示:建议在浏览器控制台或在线编辑器(如 CodePen)中运行示例代码,观察效果,加深理解。

全部章节目录(共 50 个知识点)

使用说明

  • • 本手册涵盖 jQuery 从入门到进阶的完整知识体系
  • • 在搜索框输入关键词,快速定位相关知识点
  • • 点击条目标题进入详情页,查看详细说明与代码示例
  • • 页面按分类展示所有知识点,方便系统性学习
  • • 建议在浏览器控制台或在线编辑器中运行示例代码