完整版(JQuery语法)

jQuery 语法

您可以选取（查询，query）HTML 元素，并对它们执行“操作”（actions）。

jQuery 语法实例

$(this).hide()

演示jQuery hide() 函数，隐藏当前的HTML 的元素。

$("#test").hide()

演示jQuery hide() 函数，隐藏id="test" 的元素。

$("p").hide()

演示jQuery hide() 函数，隐藏所有

元素。

$(".test").hide()

演示jQuery hide() 函数，隐藏所有class="test" 的元素。

jQuery 语法

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

基础语法是：$(selector).action()

?美元符号定义jQuery

?选择符（selector）“查询”和“查找” HTML 元素

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

实例

$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有段落

$("p.test").hide() - 隐藏所有class="test" 的段落

$("#test").hide() - 隐藏所有id="test" 的元素

提示：jQuery 使用的语法是XPath 与CSS 选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。

文档就绪函数

您也许已经注意到在我们的实例中的所有jQuery 函数位于一个document ready 函数中：

这是为了防止文档在完全加载（就绪）之前运行jQuery 代码。

jQuery 选择器

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

jQuery 选择器

在前面的章节中，我们展示了一些有关如何选取HTML 元素的实例。

关键点是学习jQuery 选择器是如何准确地选取您希望应用效果的元素。

jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对HTML 元素进行选择。选择器允许您对HTML 元素组或单个元素进行操作。

在HTML DOM 术语中：

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

jQuery 元素选择器

jQuery 使用CSS 选择器来选取HTML 元素。

$("p") 选取

元素。

$("p.intro") 选取所有class="intro" 的

元素。

$("p#demo") 选取id="demo" 的第一个

元素。

jQuery 属性选择器

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

$("[href]") 选取所有带有href 属性的元素。

$("[href='#']") 选取所有带有href 值等于"#" 的元素。

$("[href!='#']") 选取所有带有href 值不等于"#" 的元素。

$("[href$='.jpg']") 选取所有href 值以".jpg" 结尾的元素。jQuery CSS 选择器

jQuery CSS 选择器可用于改变HTML 元素的CSS 属性。

下面的例子把所有p 元素的背景颜色更改为红色：

实例

jQuery 参考手册 - 选择器