JQuery语法详解

《JQuery语法详解》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、jQuery语法详解您可以选取（查询，query）HTML元素，并对它们执行“操作”（actions）。jQuery语法实例$(this).hide()演示jQueryhide()函数，隐藏当前的HTML的元素。$("#test").hide()演示jQueryhide()函数，隐藏id="test"的元素。$("p").hide()演示jQueryhide()函数，隐藏所有

元素。$(".test").hide()演示jQueryhide()函数，隐藏所有class="test"的元素。jQuery语法jQuery语法是为HTML元素的选取编制，可以对元素执行某些操作

2、。基础语法是：$(selector).action()·美元符号定义jQuery·选择符（selector）“查询”和“查找”HTML元素·jQueryaction()执行对元素的操作实例$(this).hide()-隐藏当前元素$("p").hide()-隐藏所有段落$("p.test").hide()-隐藏所有class="test"的段落$("#test").hide()-隐藏所有id="test"的元素提示：jQuery使用的语法是XPath与CSS选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。文档就绪函数您也许已经注意到在我们的实例中的所

3、有jQuery函数位于一个documentready函数中：$(document).ready(function(){---jQueryfunctionsgohere----});这是为了防止文档在完全加载（就绪）之前运行jQuery代码。jQuery选择器选择器允许您对元素组或单个元素进行操作。jQuery选择器在前面的章节中，我们展示了一些有关如何选取HTML元素的实例。关键点是学习jQuery选择器是如何准确地选取您希望应用效果的元素。jQuery元素选择器和属性选择器允许您通过标签名、属性名或内容对HTML元素进行选择。选择器允许您对HTML元素组或单个元素进行操作

4、。在HTMLDOM术语中：选择器允许您对DOM元素组或单个DOM节点进行操作。jQuery元素选择器jQuery使用CSS选择器来选取HTML元素。$("p")选取

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

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

元素。var$test_a=$(".test:hidden");//选取class为“test”的元素里面的隐藏元素（后代选择器）var$test_b=$(".test:hidden");//选取隐藏的class为“test”的元素有的选择器的用法，必须是空格，如果不带空格

5、的话，那就取不到元素，比如：pFT百度排名优化$("select:selected").length;//不管任何时候，这个选择器都取不到元素，这个length必然是0$("select:selected");//这样才是正确的有的选择器的用法，必须不带空格，如果带空格的话，那就取不到元素，比如：pFT百度排名优化$("input:checked").length;//不管任何时候，这个选择器都取不到元素，这个length必然是0jQuery属性选择器jQuery使用XPath表达式来选择带有给定属性的元素。$("[href]")选取所有带有href属性的元素。$("[hr

6、ef='#']")选取所有带有href值等于"#"的元素。$("[href!='#']")选取所有带有href值不等于"#"的元素。$("[href$='.jpg']")选取所有href值以".jpg"结尾的元素。jQueryCSS选择器jQueryCSS选择器可用于改变HTML元素的CSS属性。下面的例子把所有p元素的背景颜色更改为红色：实例$("p").css("background-color","red");jQuery参考手册-选择器jQuery选择器选择器实例选取*$("*")所有元素#id$("#lastname")id=lastname的元素.class$(

7、".intro")所有class="intro"的元素element$("p")所有

元素.class.class$(".intro.demo")所有class=intro且class=demo的元素   :first$("p:first")第一个

元素:last$("p:last")最后一个

元素:even$("tr:even")所有偶数元素:odd$("tr:odd")所有奇数元素   :eq(index)$("ulli:eq(3)")列表中的第四个元素（index从0开始）:gt(