![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
jQuery学习笔记
学习jQuery1
azraelxuemo
这个作者很懒,什么都没留下…
展开
-
jQuery学习笔记(7)--动画实现
用JavaScript实现动画,原理非常简单:我们只需要以固定的时间间隔(例如,0.1秒),每次把DOM元素的CSS样式修改一点 ,看起来就像动画了。让我们先来看看jQuery内置的几种动画样式show()和hide()从左上角逐渐展开或收缩的<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://code.jquery.com/jquery-3.5.1.j原创 2020-06-16 11:31:10 · 152 阅读 · 0 评论 -
jQuery学习笔记(6)--事件处理
事件因为JavaScript在浏览器中以单线程模式运行,页面加载后,一旦页面上所有的JavaScript代码被执行完后,就只能依赖触发事件来执行JavaScript代码浏览器在接收到用户的鼠标或键盘输入后,会自动在对应的DOM节点上触发相应的事件。如果该节点已经绑定了对应的JavaScript处理函数,该函数就会自动调用。 由于不同的浏览器绑定事件的代码都不太一样,所以用jQuery来写代码,就屏蔽了不同浏览器的差异<!DOCTYPE html><html><head原创 2020-06-15 09:06:59 · 883 阅读 · 0 评论 -
从零开始学jQuery(5)--修改DOM结构
修改DOM结构添加DOM要添加新的DOM节点,除了通过jQuery的html()这种暴力方法外,还可以用append()方法,例如: JavaScript Python Swift 如何向列表新增一个语言?首先要拿到节点: var ul = KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲test-div>ul'); …(’#scheme’)); // 添加函数对象: ul.append(function (inde原创 2020-06-14 07:02:46 · 187 阅读 · 0 评论 -
从零开始学jQuery(4)--显示和隐藏DOM节点&&操作DOM节点
要隐藏一个DOM,我们可以设置CSS的display属性为none,利用css()方法就可以实现不过,要显示这个DOM就需要恢复原有的display属性,这就得先记下来原有的display属性到底是block还是inline还是别的值考虑到显示和隐藏DOM元素使用非常普遍,jQuery直接提供show()和hide()方法,我们不用关心它是如何修改display属性的,总之它能正常工作<!DOCTYPE html><html><head><meta ch原创 2020-06-13 18:17:02 · 1038 阅读 · 0 评论 -
从零开始学jQuery(3)--操作DOM节点
jQuery一个很重要的作用就是操作DOM节点有了jQuery对象,不需要考虑浏览器差异了,全部统一操作.text()和html()方法分别获取节点的文本和原始HTML文本html结构<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://code.jquery.com/jquery-3.5.1.js"></script> </he原创 2020-06-12 18:59:05 · 194 阅读 · 0 评论 -
从零开始学jQuery(2)--查找&过滤
jQuery的查找和过滤通常情况下选择器可以直接定位到我们想要的元素,但是,当我们拿到一个jQuery对象后,还可以以这个对象为基准,进行查找和过滤。最常见的查找是在某个节点的所有子节点中查找,使用find()方法,它本身又接收一个任意的选择器。以以下页面为例<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://code.jquery.com/jquery原创 2020-06-12 18:00:19 · 252 阅读 · 0 评论 -
从零开始学jQuery(1)--基础知识
jQueryjQyery可能很多人都有一点印象,是个比较好用的查询方式之前我们使用的都是var p=document.getElementById('ds');看着就比较麻烦,而用了jQuery之后可以大大缩短我们的代码量,也很方便要想使用jQuery,在<head></head>加上<script src="http://code.jquery.com/jquery-3.5.1.js"></script>jQuery里最常用的就是$这个变量原创 2020-06-04 16:47:05 · 598 阅读 · 0 评论