$(document).read"> $(document).read" />
Jquery使用教程

Jquery使用教程

ID:37511807

大小:51.14 KB

页数:18页

时间:2019-05-24

Jquery使用教程_第1页
Jquery使用教程_第2页
Jquery使用教程_第3页
Jquery使用教程_第4页
Jquery使用教程_第5页
资源描述:

《Jquery使用教程》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、Jquery教程$(document).ready(function(){$("p").click(function(){$(this).hide();});});

Ifyouclickonme,Iwilldisappear.

向您的页面添加jQuery库jQuery库位于单个的JavaScript文件中,

2、其中包含所有jQuery函数。可以通过下面的标记把jQuery添加到网页中:请注意,$(d

3、ocument).ready(function(){$("button").click(function(){$("p").hide();});});

Thisisaheading

Thisisaparagraph.

Thisisanotherparagraph.

ClickmejQuery语法实例$(this).hide()演示jQueryhide()函数,隐藏当前的HTML元素。$("#test").hi

4、de()演示jQueryhide()函数,隐藏id="test"的元素。$("p").hide()演示jQueryhide()函数,隐藏所有

元素。$(".test").hide()演示jQueryhide()函数,隐藏所有class="test"的元素。jQuery语法jQuery语法是为HTML元素的选取编制,可以对元素执行某些操作。基础语法是:$(selector).action()·美元符号定义jQuery18·选择符(selector)“查询”和“查找”HTML元素·jQueryaction()执行对元素的操作实例$(this).hide()-隐藏当前元素$("

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

6、。下面是两种假如文档完全加载之前运行函数的话,操作失败的情况:·试图隐藏一个不存在的元素。·获得未完全加载的图像的大小。·选择器允许您对元素组或单个元素进行操作。·jQuery选择器·在前面的章节中,我们展示了一些有关如何选取HTML元素的实例。·关键点是学习jQuery选择器是如何准确地选取您希望应用效果的元素。·jQuery元素选择器和属性选择器允许您通过标签名、属性名或内容对HTML元素进行选择。·选择器允许您对HTML元素组或单个元素进行操作。·在HTMLDOM术语中:·选择器允许您对DOM元素组或单个DOM节点进行操作。18·jQuery元素选择器·jQuery使用

7、CSS选择器来选取HTML元素。·$("p")选取

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

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

元素。·jQuery属性选择器·jQuery使用XPath表达式来选择带有给定属性的元素。·$("[href]")选取所有带有href属性的元素。·$("[href='#']")选取所有带有href值等于"#"的元素。·$("[href!='#']")选取所有带有href值不等于"#"的元素。·$("[href

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

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

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。