jQuery学习笔记（二）_选择器

经过上一节的基本安装后，我们就可以使用jQuery了！

通过 jQuery，可以选取（查询，query） HTML 元素，并对它们执行一系列操作（actions）。

---

语法

$(selector).action()

• 美元符号（$）定义 jQuery;
• 选择符（selector）“查询”和“查找” HTML 元素;

• jQuery 的 action() 执行对元素的操作。

  jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。

  那么，jQuery是如何对元素进行选取的呢？

  答案就是，利用 选择器（selector）。

---

选择器

选择器允许您对元素组或单个元素进行操作。

选择器有三种，分别是元素选择器、属性选择器、CSS选择器。

元素选择器

元素选择器可用来选取 HTML 元素。

选取p元素:

$("p") 

选取所有 class=”xinpeng” 的p元素：

$("p.xinpeng") 

选取所有 id=”xinpeng” 的p元素：

$("p#xinpeng")

属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

选取所有带有 method 属性的元素：

$("[method]")

选取所有带有 type 值等于 “text” 的元素：

$("[type ='text']")

选取所有带有 type 值不等于 “text” 的元素：

$("[type !='text']") 

选取所有 action值以 “.php” 结尾的元素：

$("[action='.php']") 

CSS选择器

可用于改变HTML元素的CSS属性。

下例为把背景颜色改为绿色：

$("p").css("background-color","green");

---

总结：
选择器是jQuery的基础，也是核心；jQuery对HTML的控制正是基于选择器。