JQuery学习随笔(二) - 语法及选择器

世界总是运行在可知的轨迹当中，只等着我们去发现

jQuery 语法

• $(this).hide() 隐藏当前的 HTML 元素。
• $("#test").hide() 隐藏 id="test" 的元素。
• $("p").hide() 隐藏所有<p>元素。
• $(".test").hide() 隐藏所有 class="test" 的元素。

• 基础语法是：$(selector).action()
  • 美元符号定义 jQuery
  • 选择符（selector）“查询”和“查找” HTML 元素
  • jQuery 的 action() 执行对元素的操作

提示：jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。

jQuery 选择器

• jQuery 使用 CSS 选择器来选取 HTML 元素。
  • $("p") 选取 <p>元素。
  • $("p.intro") 选取所有 class="intro" 的 <p> 元素。
  • $("p#demo") 选取所有 id="demo" 的 <p> 元素。
• jQuery 使用 XPath 表达式来选择带有给定属性的元素。
  • $("[href]") 选取所有带有 href 属性的元素。
  • $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
  • $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
  • $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

jQuery 选择器的能力描述

• 可以定位到class属性
• 可以定位到id属性
• 可以定位到所有属性
• 可以定位到所有类型的标签
• 可以定位一定范围的标签，前几个，后几个，或者哪里的前几个，哪里的后几个
• 可以定位到奇数行和偶数行
• 可以定位到可见与不可见的标签
• 可以使用几个条件来精确定位一个标签
• 可以定位所有动画

---

参考文献：
w3school 在线教程