jQuery完整版学习资料.docxVIP

phonegapjquery mobilesencha touch使用 Google 的 CDNheadscript type=text/javascript src=/ajax/libs/jquery/1.4.0/jquery.min.js/script/head使用 Microsoft 的 CDNheadscript type=text/javascript src=/ajax/jquery/jquery-1.4.min.js/script/headjQuery 语法实例$(this).hide()演示 jQuery hide() 函数，隐藏当前的 HTML 元素。 $(#test).hide()演示 jQuery hide() 函数，隐藏 id=test 的元素。 $(p).hide()演示 jQuery hide() 函数，隐藏所有 p 元素。 $(.test).hide()演示 jQuery hide() 函数，隐藏所有 class=test 的元素。 jQuery 元素选择器jQuery 使用 CSS 选择器来选取 HTML 元素。$(p) 选取 p 元素。$(ro) 选取所有 class=intro 的 p 元素。$(p#demo) 选取 id=demo 的第一个 p 元素。jQuery属性选择器jQuery 使用 XPath 表达式来选择带有给定属性的元素。$([href]) 选取所有带有 href 属性的元素。$([href=#]) 选取所有带有 href 值等于 # 的元素。$([href!=#]) 选取所有带有 href 值不等于 # 的元素。$([href$=.jpg]) 选取所有 href 值以 .jpg 结尾的元素。更多的选择器实例语法描述$(this)当前 HTML 元素$(p)所有 p 元素$(ro)所有 class=intro 的 p 元素$(.intro)所有 class=intro 的元素$(#intro)id=intro 的第一个元素$(ulli:first)每个 ul 的第一个 li 元素$([href$=.jpg])所有带有以 .jpg 结尾的属性值的href属性$(div#intro .head)id=intro 的 div 元素中的所有 class=head 的元素jQuery事件函数headscript type=text/javascript src=jquery.js/scriptscript type=text/javascript$(document).ready(function(){ //防止页面加载时直接调用$(button).click(function(){ //定义某控件的事件{执行操作} $(p).hide(); });});/script/headbodyh2This is a heading/h2pThis is a paragraph./ppThis is another paragraph./pbuttonClick me/button/bodyjQuery事件Event 函数绑定函数至$(document).ready(function)将函数绑定到文档的就绪事件（当文档完成加载时）$(selector).click(function)触发或将函数绑定到被选元素的点击事件$(selector).dblclick(function)触发或将函数绑定到被选元素的双击事件$(selector).focus(function)触发或将函数绑定到被选元素的获得焦点事件$(selector).mouseover(function)触发或将函数绑定到被选元素的鼠标悬停事件jQuery名称冲突jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。jQuery 使用名为 noConflict() 的方法来解决该问题。varjq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。htmlheadscript type=text/javascript src=/jquery/jquery.js/scriptscript type=text/javascriptvarjq=jQuery.noConflict();jq(document).ready(function(){jq(button).click(function(){jq(p).hide(); });});/script/headbodyh2This is a heading/h2pThis is a paragraph./ppThis is another p