jquery
关注
分享
扫一扫
文章平均质量分 74
虚坏叔叔
「虚幻私塾」
展开
-
jQuery - noConflict() 方法
如何在页面上同时使用 jQuery 和其他框架？jQuery 和其他 JavaScript 框架正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 E原创 2021-03-05 17:04:49 · 174 阅读 · 0 评论 -
jQuery - AJAX get() 和 post() 方法
jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。HTTP 请求：GET vs. POST两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。GET - 从指定的资源请求数据POST - 向指定的资源提交要处理的数据GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据。如需学习更多原创 2021-03-05 16:55:24 · 231 阅读 · 0 评论 -
jQuery - AJAX load() 方法
jQuery load() 方法jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据，并把返回的数据放入被选元素中。语法:$(selector).load(URL,data,callback);必需的 URL 参数规定您希望加载的 URL。可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。可选的 callback 参数是 load() 方法完成后所执行的函数名称。这是示例文件（“demo_test.txt”）的内容：<h原创 2021-03-05 16:47:22 · 251 阅读 · 0 评论 -
jQuery - AJAX 简介
AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。什么是 AJAX？AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。使用 AJAX 的应用程序案例：谷歌地图、腾讯微博、优酷视频、人人网等等。您可以在我们的 jQuery Ajax 参考手册学会 jQuery Ajax 的具体应用。您可以在我们的 AJA.原创 2021-03-05 16:44:10 · 246 阅读 · 0 评论 -
jQuery 遍历- 过滤
jQuery 遍历- 过滤jQuery 遍历- 过滤缩小搜索元素的范围三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。jQuery first() 方法first() 方法返回被选元素的首个元素。下面的例子选取首个 元素内部的第一个 元素：<!DOCTYPE html><html><转载 2021-03-05 16:38:16 · 229 阅读 · 0 评论 -
jQuery 遍历 - 同胞(siblings)
jQuery 遍历 - 同胞(siblings)同胞拥有相同的父元素。通过 jQuery，您能够在 DOM 树中遍历元素的同胞元素。在 DOM 树中水平遍历有许多有用的方法让我们在 DOM 树进行水平遍历：siblings()next()nextAll()nextUntil()prev()prevAll()prevUntil()jQuery siblings() 方法siblings() 方法返回被选元素的所有同胞元素。下面的例子返回 的所有同胞元素：<!DOC原创 2021-03-05 16:31:49 · 339 阅读 · 0 评论 -
jQuery 遍历 - 后代
后代是子、孙、曾孙等等。通过 jQuery，您能够向下遍历 DOM 树，以查找元素的后代。向下遍历 DOM 树下面是两个用于向下遍历 DOM 树的 jQuery 方法：children()find()jQuery children() 方法children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。下面的例子返回每个 元素的所有直接子元素：<!DOCTYPE html><html><head><转载 2021-03-05 16:23:30 · 257 阅读 · 0 评论 -
jQuery 遍历-祖先
什么是遍历？jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。下图展示了一个家族树。通过 jQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行遍历。图示解析： 元素是 的父元素，同时是其中所有内容的祖先。 元素是 元素的父元素，同时是 的子元素左边的 元素是 的父元原创 2021-03-05 16:11:44 · 273 阅读 · 0 评论 -
jQuery 尺寸
通过 jQuery，很容易处理元素和浏览器窗口的尺寸。jQuery 尺寸方法jQuery 提供多个处理尺寸的重要方法：width()height()innerWidth()innerHeight()outerWidth()outerHeight()jQuery 尺寸jQuery width() 和 height() 方法width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。下面的例子返转载 2021-03-05 16:03:39 · 172 阅读 · 0 评论 -
jQuery css() 方法
jQuery css() 方法jQuery css() 方法css() 方法设置或返回被选元素的一个或多个样式属性。返回 CSS 属性如需返回指定的 CSS 属性的值，请使用如下语法：css("propertyname");下面的例子将返回首个匹配元素的 background-color 值：<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https:/转载 2021-03-03 11:18:18 · 215 阅读 · 0 评论 -
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类通过 jQuery，可以很容易地对 CSS 元素进行操作。jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些：addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作css() - 设置或返回样式属性实例样式表下面的样式表将用于本页的所有例子：.important{转载 2021-03-03 11:14:06 · 198 阅读 · 0 评论 -
jQuery - 删除元素
jQuery - 删除元素通过 jQuery，可以很容易地删除已有的 HTML 元素。删除元素/内容如需删除元素和内容，一般可使用以下两个 jQuery 方法：remove() - 删除被选元素（及其子元素）empty() - 从被选元素中删除子元素jQuery remove() 方法jQuery remove() 方法删除被选元素及其子元素。<!DOCTYPE html><html><head><meta charset="utf-8转载 2021-03-03 11:03:48 · 261 阅读 · 0 评论 -
jQuery - 添加元素
通过 jQuery，可以很容易地添加新元素/内容。添加新的 HTML 内容我们将学习用于添加新内容的四个 jQuery 方法：append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容jQuery append() 方法jQuery append() 方法在被选元素的结尾插入内容（仍然在该元素的内部）。<!DOCTYPE html><html原创 2021-03-03 10:59:03 · 225 阅读 · 0 评论 -
jQuery - 设置内容和属性
设置内容 - text()、html() 以及 val()我们将使用前一章中的三个相同的方法来设置内容：text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容：<!DOCTYPE html><html><head><meta charset="utf-8">&转载 2021-03-03 10:49:09 · 517 阅读 · 0 评论 -
jQuery - 获取内容和属性
jQuery 拥有可操作 HTML 元素和属性的强大方法。jQuery DOM 操作jQuery 中非常重要的部分，就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。DOM = Document Object Model（文档对象模型）DOM 定义访问 HTML 和 XML 文档的标准：“W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。”获得内容 - text()、html()转载 2021-03-03 10:08:44 · 223 阅读 · 0 评论 -
jQuery - 链(Chaining)
通过 jQuery，可以把动作/方法链接在一起。Chaining 允许我们在一条语句中运行多个 jQuery 方法（在相同的元素上）。jQuery 方法链接直到现在，我们都是一次写一条 jQuery 语句（一条接着另一条）。不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。提示： 这样的话，浏览器就不必多次查找相同的元素。如需链接一个动作，您只需简单地把该动作追加到之前的动作上。下面的例子把 css()、slideUp() 和原创 2021-03-03 10:05:52 · 298 阅读 · 0 评论 -
jQuery Callback 方法
Callback 函数在当前动画 100% 完成之后执行。jQuery 动画的问题许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。例子：$(“p”).hide(“slow”)speed 或 duration 参数可以设置许多不同的值，比如 “slow”, “fast”, “normal” 或毫秒。实例以下实例在隐藏效果完全实现后回调函数:<!DOCTYPE html><html><head><转载 2021-03-03 10:02:22 · 199 阅读 · 0 评论 -
jQuery 停止动画
jQuery stop() 方法jQuery stop() 方法用于停止动画或效果，在它们完成之前。stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。语法:$(selector).stop(stopAll,goToEnd);可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。因此，默认地，stop() 会清除在原创 2021-03-03 09:59:27 · 250 阅读 · 0 评论 -
jQuery 动画
jQuery animate() 方法允许您创建自定义的动画。jQuery 动画 - animate() 方法jQuery animate() 方法用于创建自定义动画。语法：$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。下面的例子演示 ani转载 2021-03-01 18:44:39 · 196 阅读 · 0 评论 -
jQuery 效果 - 滑动
jQuery 滑动方法可使元素上下滑动。jQuery 滑动方法通过 jQuery，您可以在元素上创建滑动效果。jQuery 拥有以下滑动方法：slideDown()slideUp()slideToggle()jQuery slideDown() 方法jQuery slideDown() 方法用于向下滑动元素。语法:$(selector).slideDown(speed,callback);可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒转载 2021-03-01 18:27:40 · 212 阅读 · 0 评论 -
jQuery 效果 - 淡入淡出
jQuery Fading 方法通过 jQuery，您可以实现元素的淡入淡出效果。jQuery 拥有下面四种 fade 方法：fadeIn()fadeOut()fadeToggle()fadeTo()jQuery fadeIn() 方法jQuery fadeIn() 用于淡入已隐藏的元素。语法:$(selector).fadeIn(speed,callback);可选的 speed 参数规定效果的时长。它可以取以下值：“slow”、“fast” 或毫秒。.可选的 callba原创 2021-03-01 18:18:26 · 272 阅读 · 0 评论 -
jQuery 效果- 隐藏和显示
jQuery 效果- 隐藏和显示隐藏、显示、切换，滑动，淡入淡出，以及动画，哇哦！jQuery hide() 和 show()通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery原创 2021-02-24 16:43:10 · 294 阅读 · 0 评论 -
jQuery 事件
jQuery 是为事件处理特别设计的。什么是事件？页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。实例：在元素上移动鼠标。选取单选按钮点击元素在事件中经常使用术语"触发"（或"激发"）例如： “当您按下按键时触发 keypress 事件”。常见 DOM 事件：鼠标事件键盘事件表单事件文档/窗口事件clickkeypresssubmitloaddblclickkeydownchangeresize原创 2021-02-24 16:33:48 · 200 阅读 · 0 评论 -
jQuery 选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头：$()。元素选择器jQuery 元素选择器基于元素名选取元素。在页面中选取所有 元素:$("p")实例用户点击按钮后，所原创 2021-02-23 11:31:35 · 282 阅读 · 0 评论 -
jQuery 语法
jQuery 语法jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。基础语法： $(*selector*).*action*()美元符号定义 jQuery选择符（selector）“查询"和"查找” HTML 元素jQuery 的 action() 执行对元素的操作实例:$(this).hide() - 隐藏当前元素$(“p”).hide() - 隐藏所有 元素$(“p.test”).hide() - 隐藏所有 class=“test” 的 元素$("#原创 2021-02-23 11:24:28 · 226 阅读 · 0 评论 -
jQuery 安装
jQuery 安装网页中添加 jQuery可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法：从 jquery.com 下载 jQuery 库从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery下载 jQuery有两个版本的 jQuery 可供下载：Production version - 用于实际的网站中，已被精简和压缩。Development version - 用于测试和开发（未压缩，是可读的代码）以上两个版本都可以从 jquer..原创 2021-02-23 11:20:27 · 360 阅读 · 0 评论 -
jQuery 简介
jQuery 简介jQuery 库可以通过一行简单的标记被添加到网页中。您需要具备的基础知识在您开始学习 jQuery 之前，您应该对以下知识有基本的了解：HTMLCSSJavaScript如果您需要首先学习这些科目，请在我们的 首页 查找这些教程。什么是 jQuery ？jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。jQuery库包含以下功能：HTML 元素选取HTML 元素操作CSS 操作HT原创 2021-02-23 11:11:18 · 290 阅读 · 0 评论