jquery基础介绍.docVIP

Jquery 使用 Google 的 CDN head script type=text/javascript src=/ajax/libs /jquery/1.4.0/jquery.min.js/script /head 使用 Microsoft 的 CDN head script type=text/javascript src=/ajax/jquery /jquery-1.4.min.js/script /head Jquery选择器 由于 JavaScript 语句（指令）是逐一执行的 - 按照次序，动画之后的语句可能会产生错误或页面冲突因为动画还没有完成。jQuery 语法实例$(this).hide() - 隐藏当前元素$(p).hide() - 隐藏所有段落隐藏所有 p 元素$(p.test).hide() - 隐藏所有 class=test 的段落$(#test).hide() - 隐藏所有 id=test 的元素jQuery 元素选择器$(ro) 选取所有 class=intro 的 p 元素。$(p#demo) 选取 id=demo 的第一个 p 元素。 jQuery 属性选择器$([href]) 选取所有带有 href 属性的元素。$(ul li:first) 每个 ul 的第一个 li 元素$([href=#]) 选取所有带有 href 值等于 # 的元素。$([href!=#]) 选取所有带有 href 值不等于 # 的元素。$([href$=.jpg]) 选取所有 href 值以 .jpg 结尾的元素。$(div#intro .head) id=intro 的 div 元素中的所有 class=head 的元素jQuery 名称冲突jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。jQuery 使用名为 noConflict() 的方法来解决该问题。var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。jQuery 语法jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。基础语法是：$(selector).action() 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作 jQuery 事件： Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时） $(selector).click(function) 触发或将函数绑定到被选元素的点击事件 $(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件 $(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件 $(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件 $(#box).animate({height:300},slow);触发或将函数绑定到被选元素的事件 $( this).hide(); $(p).show(); 触发或将函数绑定到被选元素的隐藏事件hide() 和 show() 都可以设置两个可选参数：speed 和 callback。speed 参数规定显示或隐藏的速度。可以设置这些值：slow, fast, normal 或毫秒。callback 参数是在 hide 或 show 函数完成之后被执行的函数名称。 $(p).toggle(); 触发或将函数绑定到被选元素的事件 $(selector).slideToggle(speed,callback) slideDown, slideUp, slideToggle 触发或将函数绑定到被选元素的滑动事件 $(div).fadeTo(slow, opacity,,0.25); fadeIn(), fadeOut(), fadeTo() 触发或将函数绑定到被选元素的事件 fadeTo() 函数中的 opacity 参数规定减弱到给定的不透明度。 $(selector).html(content) 改变被选元素的（内部）HTML $(selector).append(content) 向被选元素的（内部）HTML 追加内容 $(selector).prepend(content) 向被选元素的（内部）HTML “预置”（Prepend）内容 $(selector).after(content)