Loading...

jQuery教程

jQuery 参考手册 - 属性

jQuery 属性下面列出的这些方法设置或返回元素的 CSS 相关属性。属性描述context在版本 1.10 中被弃用。包含传递给 jQuery() 的原始上下文。jquery包含 jQuery 版本号。jQuery.fx.interval改变以毫秒计的动画速率。jQuery.fx.off全局禁用/启用...

jQuery 参考手册 - 核心

jQuery 核心函数函数描述jQuery()接受一个字符串,其中包含了用于匹配元素集合的 CSS 选择器。jQuery.noConflict()运行这个函数将变量 $ 的控制权让渡给第一个实现它的那个库。

jQuery 参考手册 - DOM 元素方法

jQuery DOM 元素方法函数描述.get()获得由选择器指定的 DOM 元素。.index()返回指定元素相对于其他指定元素的 index 位置。.size()返回被 jQuery 选择器匹配的元素的数量。.toArray()以数组的形式返回 jQuery 选择器匹配的元素。

jQuery 参考手册 - 数据

jQuery 数据操作函数这些方法允许我们将指定的 DOM 元素与任意数据相关联。函数描述.clearQueue()从队列中删除所有未运行的项目。.data()存储与匹配元素相关的任意数据。jQuery.data()存储与指定元素相关的任意数据。.dequeue()从队列最前端移除...

jQuery 参考手册 - 遍历

jQuery 遍历函数jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。函数描述.add()将元素添加到匹配元素的集合中。.andSelf()把堆栈中之前的元素集添加到当前集合中。.children()获得匹配元素集合中每个元素的所有子元素。.closest()从元素...

jQuery 参考手册 - Ajax

jQuery Ajax 操作函数jQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。函数描述jQuery.ajax()执行异步 HTTP (Ajax) 请求。.ajaxComplete()当 Ajax 请求完成时注册要调用的处理程序。这是...

jQuery 参考手册 - CSS 操作

jQuery CSS 操作函数下面列出的这些方法设置或返回元素的 CSS 相关属性。CSS 属性描述css()设置或返回匹配元素的样式属性。height()设置或返回匹配元素的高度。offset()返回第一个匹配元素相对于文档的位置。offsetParent()返回最近的定位祖先元...

jQuery 参考手册 - 属性操作

jQuery 属性操作方法下面列出的这些方法获得或设置元素的 DOM 属性。这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。方法描述addClass()向匹配的元素添加指定的类名。attr()设置或返回匹配元素的属性和值。hasClass()检查匹配的元...

jQuery 参考手册 - 文档操作

jQuery 文档操作方法这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。方法描述addClass()向匹配的元素添加指定的类名。after()在匹配的元素之后插入内容。append()向匹配元素集合中的每个元素结尾插入由参数指定的内容。appendTo(...

jQuery 参考手册 - 效果

jQuery 效果函数方法描述animate()对被选元素应用“自定义”的动画clearQueue()对被选元素移除所有排队的函数(仍未运行的)delay()对被选元素的所有排队函数(仍未运行)设置延迟dequeue()运行被选元素的下一个排队函数fadeIn()逐渐改变被选元素...

jQuery 参考手册 - 事件

jQuery 事件方法事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。触发实例:$("button#demo").click()上面的例子将触发 id="demo" 的 button 元素的 click 事件。绑定实例:$("button#demo").click(function(){$("img"...

jQuery 参考手册 - 选择器

jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 元素.class.class$(".intro.demo")所有 class="intro" 且 class="demo" 的元素   :fir...

jQuery 参考手册

W3school 提供完整的 jQuery 参考手册以及大量的在线实例。jQuery 参考手册在 W3School,您将找到包含所有 jQuery 对象和函数的完整参考手册:选择器事件效果文档操作属性CSSAJAX遍历数据DOM 元素核心相关页面JavaScript 参考手册XML DOM 参考手...

jQuery 测验

您可以通过 W3SCHOOL 的测验程序来测试您的 jQuery 技能。关于本测验本测验包含 20 道题,每道题的最长答题时间是 20 分钟(这是由于每个 session 的默认有效时间是20钟)。本测验是非官方的测试,它仅仅提供了一个了解您对 jQuery 的掌握程度的...

jQuery 实例

通过实例增进 jQuery 技能!jQuery 语法实例$(this).hide()演示 jQuery 的 hide() 函数,隐藏当前的 HTML 元素。$("p").hide()演示 jQuery 的 hide() 函数,隐藏所有 元素。$(".test").hide()演示 jQuery 的 hide() 函数,隐藏所有 class="...

jQuery - noConflict() 方法

如何在页面上同时使用 jQuery 和其他框架?jQuery 和其他 JavaScript 框架正如您已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写。如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办?其他一些 JavaScript 框架包括:MooTools、Backb...

jQuery - AJAX get() 和 post() 方法

jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。HTTP 请求:GET vs. POST两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。GET - 从指定的资源请求数据POST - 向指定的资源提交要处理的数据GET...

jQuery - AJAX load() 方法

jQuery load() 方法jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据,并把返回的数据放入被选元素中。语法:$(selector).load(URL,data,callback);必需的 URL 参数规定您希望加载的 URL。可选的 data 参数规定与请...

jQuery - AJAX 简介

AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。jQuery AJAX 实例请点击下面的按钮,通过 jQuery AJAX 改变这段文本。获得外部的内容亲自试一试什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchrono...

jQuery 遍历 - 过滤

缩写搜索元素的范围三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。jQuery first() 方法first...

jQuery 遍历 - 同胞

同胞拥有相同的父元素。通过 jQuery,您能够在 DOM 树中遍历元素的同胞元素。在 DOM 树中水平遍历有许多有用的方法让我们在 DOM 树进行水平遍历:siblings()next()nextAll()nextUntil()prev()prevAll()prevUntil()jQuery siblings() 方法sibl...

jQuery 遍历 - 后代

后代是子、孙、曾孙等等。通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。向下遍历 DOM 树下面是两个用于向下遍历 DOM 树的 jQuery 方法:children()find()jQuery children() 方法children() 方法返回被选元素的所有直接子元素。该方...

jQuery 遍历 - 祖先

祖先是父、祖父或曾祖父等等。通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先。向上遍历 DOM 树这些 jQuery 方法很有用,它们用于向上遍历 DOM 树:parent()parents()parentsUntil()jQuery parent() 方法parent() 方法返回被选元素的直...

jQuery 遍历

什么是遍历?jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。下图展示了一个家族树。通过 jQuery 遍历,您能够从被选(当前的)元素...

jQuery - 尺寸

通过 jQuery,很容易处理元素和浏览器窗口的尺寸。jQuery 尺寸 方法jQuery 提供多个处理尺寸的重要方法:width()height()innerWidth()innerHeight()outerWidth()outerHeight()jQuery width() 和 height() 方法width() 方法设置或返回元素的宽...

jQuery - css() 方法

jQuery css() 方法css() 方法设置或返回被选元素的一个或多个样式属性。返回 CSS 属性如需返回指定的 CSS 属性的值,请使用如下语法:css("propertyname");下面的例子将返回首个匹配元素的 background-color 值:实例$("p").css("background-c...

jQuery - 获取并设置 CSS 类

通过 jQuery,可以很容易地对 CSS 元素进行操作。切换类jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选...

jQuery - 删除元素

通过 jQuery,可以很容易地删除已有的 HTML 元素。删除元素/内容如需删除元素和内容,一般可使用以下两个 jQuery 方法:remove() - 删除被选元素(及其子元素)empty() - 从被选元素中删除子元素jQuery remove() 方法jQuery remove() 方法删除...

jQuery - 添加元素

通过 jQuery,可以很容易地添加新元素/内容。添加新的 HTML 内容我们将学习用于添加新内容的四个 jQuery 方法:append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元...

jQuery - 设置内容和属性

设置内容 - text()、html() 以及 val()我们将使用前一章中的三个相同的方法来设置内容:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值下面的例子演示如何通过 tex...