Learning Path
浏览 jQuery 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
353
jQuery #id 选择器 jQuery 选择器 实例 选取 id 为 'intro' 的元素： $('#intro') 尝试一下 » 定义和用法 #id 选择器选取带有指定 id 的元素。 id 引用 HTML 元素的 id 属性。 注意：id 属性在文档内必须是唯一的。 注意：不要使用数字开头的 id 属性！在某些浏览器中可能出问题。 语法 $..
jQuery :lang() 选择器 jQuery 选择器 实例 选取所有 lang 属性为 'it' 的 <p> 元素： [mycode3 type='js']$('p:lang(it)')[/mycode3] 尝试一下 » 定义和用法 :lang() 选择器选取指定语言属性(lang)的元素。 注意：该值必须是整个单词，..
jQuery :not() 选择器 jQuery 选择器 实例 选取除了 class='intro' 元素以外的所有 <p> 元素： $('p:not(.intro)') 尝试一下 » 定义和用法 :not() 选择器选取除了指定元素以外的所有元素。 最常见的用法：与其他选择器一起使用，选取指定组合中除了指定元素以外的所有元素（..
jQuery :root 选择器 jQuery 选择器 实例 设置 HTML 文档的背景颜色为黄色： $(':root').css('background-color','yellow'); 尝试一下 » 定义和用法 :root 选择器选取文档的根元素。 在 HTML 中，根元素总是 <html> 元素。 Sy..
jQuery :target 选择器 jQuery 选择器 定义和用法 :target 选择器选择由文档URI的格式化识别码表示的目标元素。 提示：如果文档的URI包含一个格式化的标识符或 hash（哈希），那么 :target 选择器将匹配ID和标识符相匹配的元素。 例如，给定的URI http://example.com/#foo，则$( 'p:target' )，将选择元素。 语法 $( ..
jQuery - AJAX get() 和 post() 方法 jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。 HTTP 请求：GET vs POST 两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。 GET - 从指定的资源请求数据 POST - 向指定的资源提交要处理的数据 GET 基本上用于从服务器获得（取回）数据。注释：..
jQuery - AJAX 简介 AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。 jQuery AJAX 实例 $(document).ready(function(){ $('button').click(function(){ $('#div1').load('/try/ajax/demo_test.txt'..
jQuery - AJAX load() 方法 jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据，并把返回的数据放入被选元素中。 语法: [mycode3 type='javascript'] $(selector).load(URL,data,callback); [/mycode3] 必需的 URL 参数规定您..
$(document).ready(function(){ $('button#bDemo').click(function(){ $('div#divDemo').animate({left:'170px',opacity:'0.5'},'slow'); $('div#divDemo').anim..
jQuery Callback 方法 Callback 函数在当前动画 100% 完成之后执行。 jQuery 动画的问题 许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。 例子：$("p").hide("slow") speed 或 duration 参数可以设置许多不同的值，比如 "..
jQuery - 链(Chaining) 通过 jQuery，可以把动作/方法链接在一起。 Chaining 允许我们在一条语句中运行多个 jQuery 方法（在相同的元素上）。 jQuery 方法链接 直到现在，我们都是一次写一条 jQuery 语句（一条接着另一条）。 不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。 提示： 这样的话，浏览器就不必多次查找相同..
jQuery Cookie 插件 jQuery 可以通过 jquery.cookie.js 插件来操作 Cookie。 官方地址：http://plugins.jquery.com/cookie/ Github 地址：https://github.com/carhartl/jquery-cookie 使用 jquery.cookie.js 之前需要先引入 jQuery： [mycode3 type='js'..
$(document).ready(function(){ $('#btnEx').click(function(){ $('#test').toggleClass('important'); }); }); .important { font-size:x-large; font-weight:bold; color:#c3c3c3; } jQuery..
jQuery css() 方法 jQuery css() 方法 css() 方法设置或返回被选元素的一个或多个样式属性。 返回 CSS 属性 如需返回指定的 CSS 属性的值，请使用如下语法： css('propertyname'); 下面的例子将返回首个匹配元素的 background-color 值： 实例 [mycode3 type='js'] $('p')..
jQuery 尺寸 通过 jQuery，很容易处理元素和浏览器窗口的尺寸。 jQuery 尺寸方法 jQuery 提供多个处理尺寸的重要方法： width() height() innerWidth() innerHeight() outerWidth() outerHeight() jQuery 尺寸 jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度..
jQuery - 添加元素 通过 jQuery，可以很容易地添加新元素/内容。 添加新的 HTML 内容 我们将学习用于添加新内容的四个 jQuery 方法： append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 jQuery append() 方法 jQuery append() ..
jQuery - 获取内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法。 jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。 DOM = Document Object Model（文档对象模型） DOM 定义访问 HTML 和 XML 文档的标准： “W3C 文档对象..
jQuery - 删除元素 通过 jQuery，可以很容易地删除已有的 HTML 元素。 删除元素/内容 如需删除元素和内容，一般可使用以下两个 jQuery 方法： remove() - 删除被选元素（及其子元素） empty() - 从被选元素中删除子元素 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素。 实例 [mycode3 type='j..
jQuery - 设置内容和属性 设置内容 - text()、html() 以及 val() 我们将使用前一章中的三个相同的方法来设置内容： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容： 实例 [mycode3 type=..
jQuery 事件 jQuery 是为事件处理特别设计的。 什么是事件？ 页面对不同访问者的响应叫做事件。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 实例： 在元素上移动鼠标。 选取单选按钮 点击元素 在事件中经常使用术语“触发”（或“激发”）例如： “当您按下按键时触发 keypress 事件”。 常见 DOM 事件： 鼠标事件 键盘事件 表单事件 文档/窗口事件 click keypres..
jQuery 实例 你想增进 jQuery 技能吗？ jQuery 选择器 $(this).hide() 演示 jQuery 的 hide() 函数，隐藏当前的 HTML 元素。 $('p').hide() 演示 jQuery 的 hide() 函数，隐藏所有 <p> 元素。 $('.test').hide() 演示 jQuery 的 hide() 函数，隐藏所..
$(document).ready(function(){ $('.flip').click(function(){ $('.panel').fadeToggle(1000); }); }); div.panel,p.flip { width:90%; margin:auto; padding:5px; text-align:center; background:#e5eecc; borde..
$(document).ready(function(){ $('.flip').click(function(){ $('.panel').toggle(); }); }); div.panel,p.flip { width:90%; margin:auto; padding:5px; text-align:center; background:#e5eecc; border:solid ..
jQuery 安装 网页中添加 jQuery 可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法： 从 jquery.com 下载 jQuery 库 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery 下载 jQuery 有两个版本的 jQuery 可供下载： Production version - 用于实际的网站中，已被精简和压缩。 Development version - ..