jQuery常用方法.docVIP

一．jQuery 库 - 特性 jQuery 是一个 JavaScript 函数库。 jQuery 库包含以下特性： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 向您的页面添加 jQuery 库 jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。 可以通过下面的标记把 jQuery 添加到网页中： head script type=text/javascript src=jquery.js/script /head 请注意，script 标签应该位于页面的 head 部分。 jQuery 选择器 在前面的章节中，我们展示了一些有关如何选取 HTML 元素的实例。 关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。 jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。 选择器允许您对 HTML 元素组或单个元素进行操作。 在 HTML DOM 术语中： 选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。 jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 $(p) 选取 p 元素。 $(p.intro) 选取所有 class=intro 的 p 元素。 $(p#demo) 选取 id=demo 的第一个 p 元素。 jQuery 属性选择器 jQuery 使用 XPath 表达式来选择带有给定属性的元素。 $([href]) 选取所有带有 href 属性的元素。 $([href=#]) 选取所有带有 href 值等于 # 的元素。 $([href!=#]) 选取所有带有 href 值不等于 # 的元素。 $([href$=.jpg]) 选取所有 href 值以 .jpg 结尾的元素。 jQuery CSS 选择器 jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。 下面的例子把所有 p 元素的背景颜色更改为红色： 更多的选择器实例 语法 描述 $(this) 当前 HTML 元素 $(p) 所有 p 元素 $(p.intro) 所有 class=intro 的 p 元素 $(.intro) 所有 class=intro 的元素 $(#intro) id=intro 的第一个元素 $(ul li:first) 每个 ul 的第一个 li 元素 $([href$=.jpg]) 所有带有以 .jpg 结尾的属性值的 href 属性 $(div#intro .head) id=intro 的 div 元素中的所有 class=head 的元素 jQuery 事件方法 事件方法会触发匹配元素的事件，或将函数绑定到所有匹配元素的某个事件。 触发实例： $(button#demo).click() 上面的例子将触发 id=demo 的 button 元素的 click 事件。 绑定实例： $(button#demo).click(function(){$(img).hide()}) 上面的例子会在点击 id=demo 的按钮时隐藏所有图像。 方法 描述 bind() 向匹配元素附加一个或更多事件处理器 blur() 触发、或将函数绑定到指定元素的 blur 事件 change() 触发、或将函数绑定到指定元素的 change 事件 click() 触发、或将函数绑定到指定元素的 click 事件 dblclick() 触发、或将函数绑定到指定元素的 double click 事件 delegate() 向匹配元素的当前或未来的子元素附加一个或多个事件处理器 die() 移除所有通过 live() 函数添加的事件处理程序。 error() 触发、或将函数绑定到指定元素的 error 事件 event.isDefaultPrevented() 返回 event 对象上是否调用了 event.preventDefault()。 event.pageX 相对于文档左边缘的鼠标位置。 event.pageY 相对于文档上边缘的鼠标位置。 event.preventDefault() 阻止事件的默认动作。 event.result 包含由被指定事件触发的事件处理器返回的最后一个值。 event.target 触发事件的 DOM 元素。 event.timeStamp 该属性返回从 1970 年 1 月 1 日到事件发生时的毫秒数。 event.type 描述事件的类型。 event.which