![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
文章平均质量分 81
书和咖啡
学习python的小侠客
展开
-
jQuery noConflict() 方法
前面我们已经知道,jQuery 可以使用 $ 符号作为 jQuery 的简写,但是如果除了 jQuery 以外,其他的 JavaScript 框架也使用了 $ 符号作为简写,而我们又需要同时使用两种不同的框架,那么就可能导致脚本停止运行。而 jQuery 团队考虑到了这个问题,并实现了 noConflict() 方法。其他一些 JavaScript 框架包括:Sammy、Ember、MooTools、Backbone、Knockout、Batman、Cappuccino、JavaScript MVC、Go原创 2021-08-21 22:21:19 · 264 阅读 · 0 评论 -
jQuery AJAX
jQuery AJAX本节我们学习 AJAX,AJAX 是 Asynchronous Javascript And XML 的首字母缩写,译为异步 JavaScript 和 XML。是指一种创建交互式、快速动态网页应用的网页开发技术,可以在不需要重新加载整个网页的情况下,更新部分网页的技术。AJAX 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。jQuery 提供多个与 AJAX 有关的方法。通过 jQuery 提供的 AJAX 方法,我们可以使用 HTTP原创 2021-08-18 23:00:51 · 122 阅读 · 0 评论 -
jQuery 过滤
jQuery 的过滤方法可以允许我们根据特定元素在一组元素中的位置来选择该元素。关于 jQuery 过滤方法有以下几种,前三种是最基本的方法,后两种是其他方法,它们可以让我们选择与特定条件匹配或者是不匹配的元素:方法描述first()返回被选元素的首个元素last()返回被选元素的最后一个元素eq()返回被选元素中带有指定索引号的元素filter()规定一个标准,不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回not()返回不匹配标准的所有元素原创 2021-08-15 23:34:24 · 243 阅读 · 0 评论 -
jQuery 遍历
本节我们学习 jQuery 的遍历。什么是遍历呢?遍历是指沿着某条搜索路线,依次对树中每个节点均做一次访问。访问结点所做的操作依赖于具体的应用问题, 具体的访问操作可能是检查节点的值、更新节点的值等。不同的遍历方式,其访问节点的顺序是不一样的。遍历是适用于多元素集合的情况,例如遍历数组、遍历集合等。jQuery 中的遍历其实就是根据其相对于其他元素的关系来查找 HTML 元素,以某项选择开始,并沿着这个选择移动,直到抵达所需要的元素为止,这一过程称为遍历。遍历DOMjQuery 提供了多种遍历 DO原创 2021-08-12 21:15:05 · 272 阅读 · 1 评论 -
jQuery 获取和设置元素的宽高
本节我们学习如何通过 jQuery 中提供的方法来获取或者设置元素的宽度和高度。jQuery 中用于获取设置宽高的方法有如下所示:方法描述width()设置或返回元素的宽度height()设置或返回元素的高度innerWidth()返回元素的宽度,包括内边距innerHeight()返回元素的高度,包括内边距outerWidth()返回元素的宽度,包括内边距和边框outerHeight()返回元素的高度,包括内边距和边框width()和原创 2021-08-10 21:16:42 · 4905 阅读 · 0 评论 -
jQuery CSS类
本节我们学习如何通过 jQuery 对 CSS 元素进行操作。jQuery 有以下四种操作 CSS 的方法:方法描述addClass()向指定元素中添加一个或多个 CSS 类removeClass()从指定元素中删除一个或多个 CSS 类toggleClass()对指定元素进行添加或删除 CSS 类的切换操作css()设置或返回样式属性addClass()方法addClass() 方法用于向指定元素添加一个或多个 CSS 类,我们在添加类时,可以选择原创 2021-08-08 22:22:43 · 229 阅读 · 0 评论 -
jQuery 添加和删除HTML元素
本节我们学习如何使用 jQuery 中的方法来添加和删除 HTML 元素。jQuery 中用于添加 HTML 元素的方法有如下几种:方法描述append()在所选元素的末尾插入内容prepend()在选定元素的开头插入内容after()在选定元素后插入内容before()在选定元素之前插入内容而用于删除元素的方法有:方法描述remove()删除被选元素容,包括子元素empty()删除被选元素的所有子节点和内容app原创 2021-08-06 22:51:53 · 360 阅读 · 0 评论 -
jQuery 获取和设置HTML元素
jQuery 获取和设置HTML元素jQuery 中包含更改和操作 HTML 元素和属性的强大方法。我们可以通过这些方法来获取 HTML 元素中的文本内容、元素内容(例如HTML标签)、属性值等。text()方法text() 方法可以用于设置或获取所选元素的文本内容。示例:例如我们获取下列 <p> 标签中的文本内容:<!DOCTYPE html><html><head><meta charset="utf-8"><titl原创 2021-08-04 22:25:13 · 2552 阅读 · 0 评论 -
jQuery 回调函数和方法链接使用
在前面的章节中,我们也学习了一些 jQuery 的方法,大家有没有发现,这些方法大多都有一个共同点,就是有一个可选的 callback 参数,这个 callback 其实就是一个回调函数,回调函数作为参数传到另一个函数里面,一旦事件发生或者某一个任务完成时被执行,经常在异步代码中使用。回调函数的使用我们通过一个函数来举例,看一下当任务执行完成时,是如何执行回调函数的。示例:例如在执行 animate 函数时添加一个回调函数作为参数,在动画执行完毕后调用回调函数,弹出弹出层:<!DOCTYPE原创 2021-08-02 22:31:46 · 584 阅读 · 1 评论 -
jQuery 动画
我们可以通过 jQuery 中的 animate() 方法来创建自定义动画。animate()方法animate() 方法用于创建自定义动画。语法如下:$(selector).animate({params}, speed, easing, callback); params :必需参数,定义要设置动画的 CSS 属性。speed:可选参数,指定效果的持续时间,可选值有 slow、fast、毫秒。easing:可选参数,规定在不同的动画点中设置动画速度的 easing 函数。内置的 eas原创 2021-07-31 22:26:15 · 324 阅读 · 1 评论 -
jQuery 滑动
本节我们学习 jQuery 中的滑动,我们可以通过 slideDown()、slideUp()、slideToggle() 方法来实现元素的滑动效果。slideDown()方法slideDown() 方法用于实现元素向下滑动效果。如果元素已隐藏,则显示被选元素。语法如下:$(selector).slideDown(speed,callback);参数 speed 用于规定效果的时长,可选值有 slow、fast、毫秒。参数 callback 是滑动完成后所执行的函数名称。示例:<!DO原创 2021-07-28 23:42:12 · 196 阅读 · 0 评论 -
jQuery 实现淡入淡出效果
上一节我们学习了如何实现元素的显示与隐藏,本节我们来学习如何实现元素的淡入淡出效果。fadeIn()方法fadeIn() 方法用于淡入已隐藏的元素。语法如下所示:$(selector).fadeIn(speed,callback);speed:规定效果的时长,可选值有 slow、fast 或毫秒。callback:是 fading 完成后所执行的函数名称。示例:例如当我们点击按钮时,将紫色正方形设置为淡入效果:<!DOCTYPE html><html>&l原创 2021-07-25 22:25:01 · 1436 阅读 · 1 评论 -
jQuery 实现显示与隐藏效果
本节我们来学习如何使用 jQuery 中的方法来实现元素的显示与隐藏效。hide()方法hide() 方法用于隐藏指定的元素,与 CSS 中的 display:none 效果类似。语法如下所示:$(selector).hide(speed,easing,callback)speed:可选,规定隐藏效果的速度。可选值为 slow、fast、毫秒。easing:可选,规定在动画的不同点上元素的速度,可选值为 swing、linear。callback:可选,hide() 方法执行完之后,要执行原创 2021-07-23 22:49:58 · 1301 阅读 · 3 评论 -
jQuery 事件
本节我们学习 jQuery 中的事件的使用,jQuery 是专门为响应 HTML 页面中的事件而设计的。我们在使用时,需要遵循以下原则:把所有 jQuery 代码置于事件处理函数中。把所有事件处理函数置于文档就绪事件处理器中。把 jQuery 代码置于单独的 .js 文件中。如果存在名称冲突,则重命名 jQuery 库。什么是事件首先我们要知道什么是事件,页面对不同访问者的响应叫做事件,例如点击某个按钮,选择单选框或复选框,滑动鼠标等,这些都可以称为事件。jQuery常用事件在 jQue原创 2021-07-20 22:28:51 · 229 阅读 · 2 评论 -
jQuery 选择器
本节我们来学习 jQuery 中的选择器,选择器是 jQuery 库中最重要的部分之一。jQuery选择器jQuery 选择器允许我们选取和操作 HTML 元素,它用于根据 HTML 元素的名称、ID、类、类型、属性和属性值等来查找 HTML 元素。除了基于现有的 CSS 选择器,它还有一些自己自定义的选择器。要注意 jQuery 中的所有选择器都以美元符号和圆括号开头,例如 $()。元素选择器jQuery 元素选择器是根据元素名称匹配相对应的元素。也就是说它是根据元素的标签名来选择的,指向的是原创 2021-07-18 22:00:43 · 199 阅读 · 2 评论 -
jQuery语法
本节我们学习 jQuery 的语法,通过 jQuery,我们可以选取 HTML 元素并对它们执行操作。jQuery语法jQuery 语法是为选取 HTML 元素和对元素执行某些操作而定制的。基本语法格式:$(selector).action()首先是美元符号 $,是 jQuery 的别名,表示 jQuery 对象。selector 是一个选择符,用于查询 HTML 元素。action() 表示要对元素执行的 jQuery 操作。示例:例如我们来看几个例子:$(this).hide(原创 2021-07-16 22:40:05 · 157 阅读 · 0 评论 -
jQuery 安装
本节我们学习 jQuery 的安装,我们在实际项目中,如果要使用 jQuery,则需要先下载 jQuery 库,然后把它引入到要使用的网页中。jQuery 有下面几种使用方法:从官网下载 jQuery 库,然后引入到页面中。使用命令安装 jQuery,例如 npm、bower 命令。从 CDN 中载入 jQuery, 比如从 Google 中加载 jQuery。jQuery下载我们 可以在 jQuery 的官网下载 jQuery,下载地址为:https://jquery.com/downl原创 2021-07-13 23:20:33 · 1647 阅读 · 1 评论 -
jQuery 简介
本教程我们来学习 JQuery 的基础入门知识。JQuery 是一个快速、简洁的 JavaScript 框架,是继 Prototype 之后又一个优秀的 JavaScript 代码库。jQuery 极大的简化了 JavaScript 编程,例如以前要一大段 JavaScript 代码才能实现的功能,使用 jQuery 很轻松就能完成。JQuery 发展历程历程发展2005年8月Prototype的 “Behaviour” 库的改进2006年1月John Resig 等人于原创 2021-07-11 20:32:30 · 177 阅读 · 0 评论