教程：https://www.bilibili.com/video/BV1a4411w7Gx

csdn https://blog.csdn.net/wuyxinu/article/details/103669718

csdn配套视频 https://www.bilibili.com/video/BV1pt411H7D6?p=2

jq详细教程：http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201603083198.html

js详细教程：http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/javascript-tutorial-list.html

头条文章 https://www.toutiao.com/i6748592114885460492/

在这里插入图片描述

入口函数

jQuery入口函数与js入口函数的对比：

JavaScript的入口函数要等到页面中所有资源（包括图片、文件）加载完成才开始执行。
jQuery的入口函数只会等待文档树加载完成就开始执行，并不会等待图片、文件的加载。

在这里插入图片描述

jQuery对象与DOM对象

在这里插入图片描述
常用 length 方法
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pX5QKffs-1622902002987)(image-20210114165633968.png)]

对象转换

在这里插入图片描述

选择器

基础选择器

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RUESwjTH-1622902002997)(image-20210114172656307.png)]

层级选择器

在这里插入图片描述

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BVYcG9zt-1622902003003)(image-20210228180820492.png)]
在这里插入图片描述

隐式迭代（重要）

在这里插入图片描述

筛选选择器

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Y2m8i56C-1622902003015)(image-20210114173843694.png)]

parents() //所有父级
parents('.class') //所有父级中类名为class的

在这里插入图片描述

this

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3oA0332X-1622902003023)(image-20210114174256408.png)]

排他思想

在这里插入图片描述
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7NipSd4k-1622902003026)(image-20210114174546807.png)]

链式编程

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1IqbjVQG-1622902003028)(image-20210114174805071.png)]

样式操作

css

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XdSd7WRI-1622902003032)(image-20210114175112703.png)]
在这里插入图片描述

动画效果

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LoHDYGse-1622902003038)(image-20210114175608972.png)]

在这里插入图片描述

hover

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-T6fUXYqL-1622902003049)(image-20210114175954352.png)]
在这里插入图片描述

animate

只有元素才有动画
在这里插入图片描述

属性操作

prop

$('checkbox:checked') 也可以获取CheckBox是否被选中 选中返回true 否则为false

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IPv9scM4-1622902003059)(image-20210114180635352.png)]

attr

二者区别

在这里插入图片描述

文本操作（常用）

在这里插入图片描述

输入框改变触发change()事件

元素操作

each

在这里插入图片描述

添加元素

在这里插入图片描述

尺寸、位置操作

在这里插入图片描述

事件（重要）

在这里插入图片描述

on

在这里插入图片描述

off

在这里插入图片描述

trigger

在这里插入图片描述

事件对象

在这里插入图片描述

对象拷贝

在这里插入图片描述

多库共存

在这里插入图片描述

jq视频笔记

入口函数

jQuery对象与DOM对象

对象转换

选择器

基础选择器

层级选择器

隐式迭代（重要）

筛选选择器

this

排他思想

链式编程

样式操作

css

动画效果

hover

animate

属性操作

prop

attr

文本操作（常用）

元素操作

each

添加元素

尺寸、位置操作

事件（重要）

on

off

trigger

事件对象

对象拷贝

多库共存

插件

猜你喜欢