jQuery详细教程

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

1、jQuery详细教程jQuery语法实例$(this).hide()演示jQueryhide()函数，隐藏当前的HTML元素。$("#test").hide()演示jQueryhide()函数，隐藏id="test"的元素。$("p").hide()演示jQueryhide()函数，隐藏所有

元素。$(".test").hide()演示jQueryhide()函数，隐藏所有class="test"的元素。jQuery语法jQuery语法是为HTML元素的选取编制的，可以对元素执行某些操作。基础语法是：$(selector).action()·美元符号定义jQuery·选择符（s

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

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

4、选取

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

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

元素。jQuery属性选择器jQuery使用XPath表达式来选择带有给定属性的元素。$("[href]")选取所有带有href属性的元素。$("[href='#']")选取所有带有href值等于"#"的元素。$("[href!='#']")选取所有带有href值不等于"#"的元素。$("[href$='.jpg']")选取所有href值以".jpg"结尾的元素。jQueryCSS选择器jQueryCSS选择器可用于改变HTML元素的CS

5、S属性。下面的例子把所有p元素的背景颜色更改为红色：实例$("p").css("background-color","red");更多的选择器实例语法描述$(this)当前HTML元素$("p")所有

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

元素$(".intro")所有class="intro"的元素$("#intro")id="intro"的第一个元素$("ulli:first")每个

的第一个
• 元素$("[href$='.jpg']")所有带有以".jpg"结尾的属性值的href属性$("div#intro.head")id="int

  6、ro"的

  元素中的所有class="head"的元素一.jQuery事件函数jQuery事件处理方法是jQuery中的核心函数。事件处理程序指的是当HTML中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。通常会把jQuery代码放到部分的事件处理方法中：实例$(document).ready(function(){$("button").clic

  7、k(function(){$("p").hide();});});

  Thisisaheading

  Thisisaparagraph.

  Thisisanotherparagraph.

  Clickme亲自试一试在上面的例子中，当按钮的点击事件被触发时会调用一个函数：$("button").click(function(){..so

  当前文档最多预览五页，下载文档查看全文

  侵权申诉 举报

  此文档下载收益归作者所有

  下载文档
  当前文档最多预览五页，下载文档查看全文
  点击下载本文档