jQuery学习

视频地址: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动画
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
事件的冒泡
父子元素同时监听同一个事件。当触发子元素的事件时,同一个元素也被传递到了父元素的事件里响应
事件对象
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值