jquery简易教程(常用函数)

《jquery简易教程(常用函数)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、jQuery简洁教程，jQuery快速上手教程，jQuery使用手册，jQuery常用函数jQuery语法jQuery语法是为HTML元素的选取编制的，可以对元素执行某些操作。基础语法是：$(selector).action()·美元符号定义jQuery·选择符（selector）“查询”和“查找”HTML元素·jQuery的action()执行对元素的操作示例$(this).hide()-隐藏当前元素$("p").hide()-隐藏所有段落$("p.test").hide()-隐藏所有class="test"的段落$("#test").hide()-隐藏所有id="te

2、st"的元素提示：jQuery使用的语法是XPath与CSS选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。文档就绪函数您也许已经注意到在我们的实例中的所有jQuery函数位于一个documentready函数中：$(document).ready(function(){---jQueryfunctionsgohere----});这是为了防止文档在完全加载（就绪）之前运行jQuery代码。jQuery选择器jQuery元素选择器jQuery使用CSS选择器来选取HTML元素。$("p")选取

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

3、"intro"的

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

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

4、("p")所有

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

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

的第一个
• 元素$("[href$='.jpg']")所有带有以".jpg"结尾的属性值的href属性$("div#intro.head")id="intro"的
  元素中的所有class="head"的元素jQuery事件Event函数绑定函数至$(document).ready(function)将函数绑定到文档的就绪

  5、事件（当文档完成加载时）$(selector).click(function)触发或将函数绑定到被选元素的点击事件$(selector).dblclick(function)触发或将函数绑定到被选元素的双击事件$(selector).focus(function)触发或将函数绑定到被选元素的获得焦点事件$(selector).mouseover(function)触发或将函数绑定到被选元素的鼠标悬停事件jQuery效果函数描述$(selector).hide()隐藏被选元素$(selector).show()显示被选元素$(selector).toggle()切换（在隐藏

  6、与显示之间）被选元素$(selector).slideDown()向下滑动（显示）被选元素$(selector).slideUp()向上滑动（隐藏）被选元素$(selector).slideToggle()对被选元素切换向上滑动和向下滑动$(selector).fadeIn()淡入被选元素$(selector).fadeOut()淡出被选元素$(selector).fadeTo()把被选元素淡出为给定的不透明度$(selector).animate()对被选元素执行自定义动画jQueryHTML操作函数描述$(selector).html(content)改变被选元素的（

  7、内部）HTML$(selector).append(content)向被选元素的（内部）HTML追加内容$(selector).prepend(content)向被选元素的（内部）HTML“预置”（Prepend）内容$(selector).after(content)在被选元素之后添加HTML$(selector).before(content)在被选元素之前添加HTMLjQueryCSS函数jQuery拥有三种用于CSS操作的重要函数：·$(selector).css(name,value)·$(selector).css

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

  侵权申诉 举报

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

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