jQuery教程-好得很程序员自学网

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

jQuery - AJAX get() 和 post() 方法 jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。 HTTP 请求：GET vs POST 两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。 GET - 从指定的资源请求数据 POST - 向指定的资源提交要处理的数据 GET 基本上用于从服务器获得（取回）数据。注释：.....

2023/4/20 10:56:25 阅读:31次

jQuery – AJAX load() 方法

jQuery - AJAX load() 方法 jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据，并把返回的数据放入被选元素中。语法: [mycode3 type='javascript'] $(selector).load(URL,data,callback); [/mycode3] 必需的 URL 参数规定您.....

2023/4/20 10:56:25 阅读:30次

jQuery Accordion

jQuery Accordion jQuery Accordion 插件用于创建折叠菜单。它通常与嵌套的列表、定义列表或嵌套的 div 一起使用。选项用于指定结构、激活的元素和定制的动画。该插件现在是 jQuery UI 的一部分，独立的版本不会再更新了。目前版本是 1.6。 jQuery Accordion 官网，jQuery Accordion 插件下载：http://www.hdhcms.com/try/download/.....

2023/4/20 10:56:25 阅读:25次

jQuery AJAX 方法

jQuery AJAX 方法 jQuery AJAX 方法 AJAX 是一种与服务器交换数据的技术，可以在不重新载入整个页面的情况下更新网页的一部分。下面的表格列出了所有的 jQuery AJAX 方法：方法描述 $.ajax() 执行异步 AJAX 请求 $.ajaxPrefilter() 在每个请求发送之前且被 $.ajax() 处理之前，处理自定义 Ajax 选项或修改已存在选项 $.ajaxSetup.....

2023/4/20 10:56:25 阅读:29次

jQuery AJAX 简介

jQuery - AJAX 简介 AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。 jQuery AJAX 实例 $(document).ready(function(){ $('button').click(function(){ $('#div1').load('/try/ajax/demo_test.txt'.....

2023/4/20 10:56:25 阅读:28次

jQuery Autocomplete

jQuery Autocomplete jQuery Autocomplete 插件根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。通过给 Autocomplete 字段焦点或者在其中输入字符，插件开始搜索匹配的条目并显示供选择的值的列表。通过输入更多的字符，用户可以过滤列表以获得更好的匹配。该插件现在是 jQuery UI 的一部分，独立的版本不会再更新了。目前版本是 1.6。访问 jQuery Autocom.....

2023/4/20 10:56:25 阅读:25次

jQuery css() 方法

jQuery css() 方法 jQuery css() 方法 css() 方法设置或返回被选元素的一个或多个样式属性。返回 CSS 属性如需返回指定的 CSS 属性的值，请使用如下语法： css('propertyname'); 下面的例子将返回首个匹配元素的 background-color 值：实例 [mycode3 type='js'] $('p').....

2023/4/20 10:56:24 阅读:24次

jQuery Callback 方法

jQuery Callback 方法 Callback 函数在当前动画 100% 完成之后执行。 jQuery 动画的问题许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。例子：$("p").hide("slow") speed 或 duration 参数可以设置许多不同的值，比如 ".....

2023/4/20 10:56:25 阅读:22次

jQuery Cookie 插件

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'.....

2023/4/20 10:56:25 阅读:24次

jQuery HTML / CSS 方法

jQuery HTML / CSS 方法 jQuery HTML / CSS 方法下面的表格列出了所有用于处理 HTML 和 CSS 的 jQuery 方法。下面的方法适用于 HTML 和 XML 文档。除了：html() 方法。方法描述 addClass() 向被选元素添加一个或多个类名 after() 在被选元素后插入内容 append() 在被选元素的结尾插入内容 appendTo() 在被选元.....

2023/4/20 10:56:25 阅读:26次

jQuery noConflict() 方法

jQuery - noConflict() 方法如何在页面上同时使用 jQuery 和其他框架？ jQuery 和其他 JavaScript 框架正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、.....

2023/4/20 10:56:25 阅读:30次

jQuery Growl 插件(消息提醒)

jQuery Growl 插件(消息提醒) jQuery Growl 插件(消息提醒) 允许您很容易地在一个覆盖层显示反馈消息。消息会在一段时间后自动消失，不需要单击'确定'按钮等。用户也可以通过移动鼠标或点击关闭按钮加快隐藏信息。该插件目前版本是 1.0.0。访问 jQuery Growl 官网，下载 jQuery Growl 插件。效果如下：使用方式下载好插件后导入 jQuery 库，.....

2023/4/20 10:56:25 阅读:28次

jQuery Password Validation（密码验证）

jQuery Password Validation（密码验证） jQuery Password Validation（密码验证）插件扩展了 jQuery Validate 插件，提供了两种组件：一种评价密码的相关因素的功能：比如大小写字母的混合情况、字符（数字、特殊字符）的混合情况、长度、与用户名的相似度（可选的）。一种使用评价功能显示密码强度的验证插件自定义方法。显示的文本可以被本地化。您可以简单地自定义强度显示的外观、本地.....

2023/4/20 10:56:25 阅读:29次

jQuery Prettydate

jQuery Prettydate jQuery Prettydate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。该插件目前版本是 1.1.0。下载 jQuery Prettydate .....

2023/4/20 10:56:26 阅读:26次

jQuery 遍历 – 祖先

jQuery 遍历 - 祖先祖先是父、祖父或曾祖父等等。通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。向上遍历 DOM 树这些 jQuery 方法很有用，它们用于向上遍历 DOM 树： parent() parents() parentsUntil() jQuery parent() 方法 parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。 .....

2023/4/20 10:56:24 阅读:25次

jQuery 遍历

jQuery 遍历什么是遍历？ jQuery 遍历，意为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。下图展示了一个家族树。通过 jQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行遍历。图示解析： <.....

2023/4/20 10:56:24 阅读:26次

jQuery 尺寸

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

2023/4/20 10:56:24 阅读:26次

jQuery 获取并设置 CSS 类

$(document).ready(function(){ $('#btnEx').click(function(){ $('#test').toggleClass('important'); }); }); .important { font-size:x-large; font-weight:bold; color:#c3c3c3; } jQuery.....

2023/4/20 10:56:24 阅读:25次

jQuery 删除元素

jQuery - 删除元素通过 jQuery，可以很容易地删除已有的 HTML 元素。删除元素/内容如需删除元素和内容，一般可使用以下两个 jQuery 方法： remove() - 删除被选元素（及其子元素） empty() - 从被选元素中删除子元素 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素。实例 [mycode3 type='j.....

2023/4/20 10:56:24 阅读:28次

jQuery 获取内容和属性

jQuery - 获取内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法。 jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。 DOM = Document Object Model（文档对象模型） DOM 定义访问 HTML 和 XML 文档的标准： “W3C 文档对象.....

2023/4/20 10:56:24 阅读:24次

jQuery 教程

jQuery 教程 jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。本章节的每一篇都包含了在线实例通过本站的在线编辑器，你可以在线运行修改后的代码，并查看运行结果。实例 [mycode3 type='javascript'] $(document).ready(function(){ $('p.....

2023/4/20 10:56:25 阅读:30次

jQuery 安装

jQuery 安装网页中添加 jQuery 可以通过多种方法在网页中添加 jQuery。您可以使用以下方法：从 jquery.com 下载 jQuery 库从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery 下载 jQuery 有两个版本的 jQuery 可供下载： Production version - 用于实际的网站中，已被精简和压缩。 Development version - .....

2023/4/20 10:56:25 阅读:25次

jQuery 简介

jQuery 简介 jQuery 库可以通过一行简单的标记被添加到网页中。您需要具备的基础知识在您开始学习 jQuery 之前，您应该对以下知识有基本的了解： HTML CSS JavaScript 如果您需要首先学习这些科目，请在我们的首页查找这些教程。什么是 jQuery ？ jQuery 是一个 JavaScript 函数库。 jQuery 是一个轻量级的“写的少，做的多”的 JavaScript 库。.....

2023/4/20 10:56:25 阅读:26次

jQuery 链

jQuery - 链(Chaining) 通过 jQuery，可以把动作/方法链接在一起。 Chaining 允许我们在一条语句中运行多个 jQuery 方法（在相同的元素上）。 jQuery 方法链接直到现在，我们都是一次写一条 jQuery 语句（一条接着另一条）。不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。提示：这样的话，浏览器就不必多次查找相同.....

2023/4/20 10:56:25 阅读:25次

jQuery 遍历 – 过滤

jQuery 遍历- 过滤缩小搜索元素的范围三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。 jQuery first() 方法 first() 方法返回被选元素的首个元素。下面的例子选取首个 <div> 元素内部.....

2023/4/20 10:56:25 阅读:29次

jQuery 遍历方法

jQuery 遍历方法 jQuery 遍历方法方法描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃。addBack() 的别名 children() 返回被选元素的所有直接子元素 closest() 返回被选元素的第一个祖先元素 contents() 返回被选元素的所有直接子元素（包含文本和注释节点） .....

2023/4/20 10:56:25 阅读:23次

jQuery Validate

jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。该插件是由 Jörn Zaefferer 编写和维护的，他是 jQuery 团队的一.....

2023/4/20 10:56:25 阅读:25次

jQuery 遍历 – 后代

jQuery 遍历 - 后代后代是子、孙、曾孙等等。通过 jQuery，您能够向下遍历 DOM 树，以查找元素的后代。向下遍历 DOM 树下面是两个用于向下遍历 DOM 树的 jQuery 方法： children() find() jQuery children() 方法 children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。下面的例子返回每个 &am.....

2023/4/20 10:56:25 阅读:29次

jQuery 遍历 – 同胞(siblings)

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

2023/4/20 10:56:25 阅读:29次

jQuery Tooltip

jQuery Tooltip jQuery Tooltip 插件取代了原生的工具提示框，让它们可自定义，您只需要调整它们的内容、位置和外观即可。该插件目前版本是 1.3，已经很长时间没有更新，推荐使用 jQuery UI 工具提示框（Tooltip）。如需了解更多有关 jQuery UI 工具提示框（Tooltip）的细节，请查看 API 文档 jQuery UI 工具提示框部件（Tooltip Widget）。实例演示 .....

2023/4/20 10:56:26 阅读:24次

jQuery 效果 – 停止动画

$(document).ready(function(){ $('.flip').click(function(){ $('.panel').slideToggle(5000); }); $('#stop').click(function(){ $('.panel').stop(); }); }); #stop { ma.....

2023/4/20 10:56:24 阅读:25次

jQuery 添加元素

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

2023/4/20 10:56:24 阅读:22次

jQuery 设置内容和属性

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

2023/4/20 10:56:24 阅读:27次

jQuery 效果 – 动画

$(document).ready(function(){ $('button#bDemo').click(function(){ $('div#divDemo').animate({left:'170px',opacity:'0.5'},'slow'); $('div#divDemo').anim.....

2023/4/20 10:56:25 阅读:25次

jQuery 效果 – 滑动

$(document).ready(function(){ $('.flip').click(function(){ $('.panel').slideToggle('slow'); }); }); div.panel,p.flip { width:90%; margin:auto; padding:5px; text-align:center; background:#.....

2023/4/20 10:56:25 阅读:22次

jQuery 效果 – 淡入淡出

$(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.....

2023/4/20 10:56:25 阅读:21次

jQuery 效果 – 隐藏和显示

$(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 .....

2023/4/20 10:56:25 阅读:24次

jQuery 事件

jQuery 事件 jQuery 是为事件处理特别设计的。什么是事件？页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。实例：在元素上移动鼠标。选取单选按钮点击元素在事件中经常使用术语“触发”（或“激发”）例如： “当您按下按键时触发 keypress 事件”。常见 DOM 事件：鼠标事件键盘事件表单事件文档/窗口事件 click keypres.....

2023/4/20 10:56:25 阅读:24次

jQuery 选择器

jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等“查找”（或选择）HTML 元素。它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。 jQuery 中所有选择器都以美元符号开头：$()。元素选择器 jQuery .....

2023/4/20 10:56:25 阅读:26次

jQuery 语法

jQuery 语法通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。 jQuery 语法 jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。基础语法： $(selector).action() 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作实例.....

2023/4/20 10:56:25 阅读:23次

jQuery 属性

jQuery 属性 jQuery 属性方法描述 context 在版本 1.10 中被废弃。包含被传递到 jQuery 的原始上下文 jquery 包含 jQuery 的版本号 jQuery.fx.interval 改变以毫秒计的动画运行速率 jQuery.fx.off 对所有动画进行全局禁用或启用 jQuery.support 包含表示不同浏览器特性或漏洞的属性集（主要用于 jQuery 的内部使用）.....

2023/4/20 10:56:25 阅读:28次

jQuery 效果方法

jQuery 效果方法 jQuery 效果方法下面的表格列出了所有用于创建动画效果的 jQuery 方法。方法描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队函数（仍未运行的） delay() 对被选元素的所有排队函数（仍未运行）设置延迟 dequeue() 移除下一个排队函数，然后执行函数 fadeIn() 逐渐改变被选元素的不透明度，.....

2023/4/20 10:56:25 阅读:28次

jQuery 事件方法

jQuery 事件方法 jQuery 事件方法事件方法触发器或添加一个函数到被选元素的事件处理程序。下面的表格列出了所有用于处理事件的 jQuery 方法。方法描述 bind() 向元素添加事件处理程序 blur() 添加/触发失去焦点事件 change() 添加/触发 change 事件 click() 添加/触发 click 事件 dblclick() 添加/触发 double click 事件 .....

2023/4/20 10:56:25 阅读:23次

jQuery 实例

jQuery 实例你想增进 jQuery 技能吗？ jQuery 选择器 $(this).hide() 演示 jQuery 的 hide() 函数，隐藏当前的 HTML 元素。 $('p').hide() 演示 jQuery 的 hide() 函数，隐藏所有 <p> 元素。 $('.test').hide() 演示 jQuery 的 hide() 函数，隐藏所.....

2023/4/20 10:56:25 阅读:30次

JSONP 教程

JSONP 教程本章节我们将向大家介绍 JSONP 的知识。 Jsonp(JSON with Padding) 是 json 的一种“使用模式”，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。为什么我们从不同的域（网站）访问数据需要一个特殊的技术( JSONP )呢？这是因为同源策略。同源策略，它是由 Netscape 提出的一个著名的安全策略，现在所有支持 JavaScript 的浏览器都会使用这个策略。 JSO.....

2023/4/20 10:56:25 阅读:23次

jQuery 杂项方法

jQuery 杂项方法 jQuery 杂项方法方法描述 data() 向被选元素附加数据，或者从被选元素获取数据 each() 为每个匹配元素执行函数 get() 获取由选择器指.....

2023/4/20 10:56:25 阅读:25次

jQuery 树型菜单插件(Treeview)

jQuery 树型菜单插件(Treeview) jQuery Treeview 提供了一个无序灵活的可折叠的树形菜单。适用于一些菜单的导航，支持基于 cookie 的持久性菜单。 Folder 1 Item 1.1 Item 1.1.1 Folder 2 Subfolder 2.1 File 2.1.1 Fi.....

2023/4/20 10:56:25 阅读:30次

jQuery教程最新更新教程及学习资料