jQuery笔记
文章平均质量分 78
视频链接
https://www.bilibili.com/video/BV1a4411w7Gx
Suyuoa
这个作者很懒,什么都没留下…
展开
-
附录4-项目ToDoList
先声明一个变量去拿键todolist的值,如果拿到了就将data转换为JS变量然后返回,如果拿不到就返回一个空数组将JS变量转换为字符串,然后存到键为todolist的对象中后面太长了就截不全了首先读取存储好的todolist内容将之前的正在进行的任务与完成的任务清空,因为我们后面要重新加载一遍,如果不清空就重复了定义正在进行的任务数与已完成的任务数起始值为0遍历读取到的数据,数据我们之前存储的形式是数组里面有若干个对象。原创 2022-10-09 16:58:27 · 361 阅读 · 0 评论 -
附录3-jQuery插件
在script中有懒加载的对象,修改响应的属性可以该表效果,比如我不想让后面显示test,我就可以把converDiv直接改成一个空的字符。能差不多看懂就点击下载插件,下载后会获得201808011428.zip,解压后会得到这些文件。在jQuery搜索懒加载可以找到下面这些结果,我们选用其中的EasyLazyload.js。图片懒加载会仅仅加载用户可以看到的区域,看不到的区域不进行加载,目的为加快页面渲染速度。下载后可以得到这个压缩包,解压后会得到文件夹EasyLazyload。点进去后点击立即下载。原创 2022-09-30 17:04:09 · 428 阅读 · 0 评论 -
附录1-jQuery常用事件
多用于input标签,像checkbox,text这些都比较常用。进出会触发两次,所以点一次确定后又会触发另一个。如果你只给一个函数,进出都会触发这个函数。如果你搞两个函数,第一个是进,第二个是出。原创 2022-09-23 09:46:17 · 249 阅读 · 0 评论 -
附录2-jQuery常用函数补充
原本sub_obj2的name值为sub_obj2,更改了target过后它们的name值都变为了something。深拷贝后实际上就是两个相同名称的对象,这个时候再修改obj1,就不会影响到obj2了。(比如子对象中的某个属性)会影响obj1(浅拷贝拷贝的地址而不是实质)如果两个对象中有相同的值,obj2会给obj1原有的属性覆盖掉。在深拷贝中,相同名称的复杂变量不会直接被覆盖掉,而是会合并。使用深拷贝只会改变target而不会改变obj。上面使用的都是浅拷贝,改变target的。原创 2022-09-23 09:41:30 · 254 阅读 · 0 评论 -
8.jQuery事件用法
element.trigger()与element.事件名()都会触发元素的默认行为,比如input的foucs事件默认行为是在input内光标闪烁。点击最外面的section,可以让section的颜色变为紫色,但点击其他元素是无效的。如果两个事件使用相同的事件函数可以简写,比如鼠标离开事件与点击事件都会让盒子变为紫色。当父元素中有多个事件,多个子元素,你想取消一部分的时候可以这样写。我们现在想让一个盒子点击的时候变为紫色,鼠标进入的时候变为蓝色。one()的参数与on()的参数相同。原创 2022-09-22 16:03:42 · 616 阅读 · 0 评论 -
7.jQuery元素操作
相当于原生JS的appendChild(),会添加到指定元素内部的最后面(最后一个子元素)原创 2022-09-13 14:08:17 · 1198 阅读 · 1 评论 -
6.jQuery常用属性操作
像index这种你自己写的属性,就叫自定义属性。原创 2022-09-09 13:42:18 · 474 阅读 · 0 评论 -
5.jQuery动画
params必须以键值对的方式传入,键值对的内容是做完动画的最终状态,比如我有一个盒子,按下按钮后,想其变得不透明animate()只能搞定值是数值的属性,比如width:100,left:200这些。它搞不定backgroundColor:red这种如果要用两个单词的属性要用驼峰命名法。原创 2022-09-07 09:51:25 · 428 阅读 · 0 评论 -
4.设置样式
下面发现后面不跟执行函数了,这个时候又换了一个对象,从这之后和son,father没有任何关系了,后面发现是个执行函数,给grandpa搞了一个背景颜色。下面发现后面不跟执行函数了,那么这个时候就换了一个对象,从这之后和son没有任何关系了,后面发现是个执行函数,给father搞了一个背景颜色。首先发现了第一个元素是son,然后发现后面是执行函数,给son搞了一个背景颜色,然后发现又是一个执行函数,给son搞了一个不透明度。这个时候判断是不是跟了一个执行函数,如果是执行函数就执行,执行后再判断是不是。原创 2022-09-05 15:21:16 · 662 阅读 · 0 评论 -
3.获取元素
parent()只会找到父级元素,找不到爷级元素(只能找到最近一级的父级元素)我就不一个一个做例子了,后面有值得注意的东西我会写一下。jQuery有独有的筛选选择器,语法是这样的。我们之前已经用过很多次了,我们简单说一下。方法为$('CSS选择器')不了解选择器可以看一下这个。原创 2022-09-02 14:59:26 · 261 阅读 · 0 评论 -
2.jQuery对象
实际上是一个代替符号,代替的是jQuery,在这里我们不使用$符号,使用jQuery发现同样可以生效。两者是不同的,DOM对象只能使用DOM的方法,jQuery对象只能使用jQuery的方法。我们先看一下jQuery对象,我现在有两个div,直接使用div查询会查询到两个div。在jQuery库中,jQuery对象是顶级对象,就像在JS中,顶级对象为window。用DOM获取的对象就是DOM对象,用jQuery获取的对象就是jQuery对象。我们使用$就可以将DOM对象转换为jQuery对象。原创 2022-09-02 14:57:33 · 302 阅读 · 0 评论 -
1.初识jQuery
jQuery是JS的库,封装了原生JS的一些DOM方法,使JS用起来更方便。原创 2022-09-02 14:54:16 · 222 阅读 · 0 评论