视频地址:https://www.bilibili.com/video/BV1Y7411K7zz?p=75
j即javaScript,Query即查询,jQuery是辅助javaScript开发的一个js类库
使用jQuery一定要引入jQuery库
$是jQuery的核心函数,能完成jQuery的很多功能
(1)传入参数为函数时,表示页面加载完成之后。
相当于window.onload = function(){}
(2)传入参数为HTML字符串时,会为我们创建这个html对象
(3)传入参数是选择器字符串时,相当于选择器查询标签对象
(4)传入参数为DOM对象时,会把DOM对象转化为jQuery对象
jQuery对象
通过jQuery提供的API创建的对象就是jQuery对象
通过JQuery包装的DOM对象也是JQuery对象
通过JQuery提供的API查询到的对象也是JQuery对象
JQuery对象的本质
即DOM对象数组+一系列jQuery功能函数
dom对象和jQuery对象 互相转化
(1)dom对象转化为jQuery对象
1.获取dom对象
2.$(dom对象)
(2)jQuery对象转化为dom对象
1.获取jQuery对象
2.JQuery对象[下标]取出响应的dom对象
选择器
一、基本选择器
css()方法可以设置和获取样式
二、层级选择器
1.在给定的祖先下匹配所有的孙子元素(中间空格)
2.匹配父元素下的子元素(不包括孙子元素)(中间>)
3.匹配紧跟在prev后的next元素(中间+)
4.匹配prev后的所有 siblings元素(中间~)
三、过滤选择器
1、基本过滤器
(1):first
(2):last 最后一个元素
(3):even 所有索引为偶数元素
(4):ood 所有索引为奇数的元素
等于指定索引,大于指定索引,小于指定索引,匹配标题元素,匹配所有正在执行动画效果的元素
2.内容过滤器
匹配包含给定文本内容的元素
匹配所有不包含子元素或文本的空元素
匹配含有选择器所匹配的元素的元素
匹配含有子元素或文本的元素
3.属性过滤选择器
匹配包含给定属性的元素。
匹配给定的属性是某个特定值的元素。
匹配所有不含有指定的属性,或者属性不等于特定值的元素。
匹配给定的属性是以某些值开始的元素
匹配给定的属性是以某些值结尾的元素
匹配给定的属性是以包含某些值的元素
复合属性选择器,需要同时满足多个条件时使用。
4.表单过滤器
匹配所有 input, textarea, select 和 button 元素。
匹配所有的单行文本框
匹配所有密码框
匹配所有单选按钮
匹配所有复选框
匹配所有提交按钮
匹配所有图像域
匹配所有重置按钮
匹配所有按钮
匹配所有文件域
匹配所有不可见元素,或者type为hidden的元素
匹配所有可用元素
匹配所有不可用元素
匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)
匹配所有选中的option元素
JQuery元素筛选
jQuery属性操作
DOM的增删改
CSS样式操作
JQuery动画
事件的冒泡
父子元素同时监听同一个事件。当触发子元素的事件时,同一个元素也被传递到了父元素的事件里响应
事件对象