jQuery
1, 概念
是一个 前端JavaScript的 函数方法库
定义好JavaScript程序,可以直接调用使用
本质上还是JavaScript,只是别人把功能和程序都设定好了
2, 使用方法
加载外部jQuery文件,本质上实际是一个js文件
通过 $ 或者 jQuery 来调用方法
3, 优点
强大的选择器
链式编程
隐式迭代
4,选择器 ---- 都是伪数组
基本选择器
$('#id属性值')
$('.class属性值')
$('标签名称')
$('[属性="属性值"]')
$('标签结构') > 父子 空格 后代 + 兄弟 ~ 一般兄弟
$('结构伪类')
:first :last :odd :even :eq() 都是根据索引获取标签
:first-child :last-child :nth-child(odd/even) 标签个数
:first-of-type :last-of-type :nth-of-type(odd/even) 标签个数
5,筛选器 ---- 在选择器的基础上,再做出筛选
$().first 第一个
$().last 最后一个
$().eq() 按照索引查询 -- 参数是数值
$().prev() 上一个兄弟
$().next() 下一个兄弟
$().prevAll() 上面的所有兄弟
$().nextAll() 下面的所有兄弟
$().siblings() 所有兄弟
$().parent() 直接父级
$().parents() 所有父级
$().children() 所有子级
$().find() 在当前标签对象子级查询
$().index() 在当前标签的索引下标
6, 标签对象
JavaScript获取的标签对象,不能直接使用jQuery语法来操作
jQuery获取的标签对象,也不能直接使用JavaScript语法来操作
必须要相互转化
$(js标签对象) --- 转化为 jQuery 标签对象
$()[索引下标] --- 转化为 JavaScript 标签对象
7, 属性的操作
prop()
设定操作 布尔属性
prop删除的,只能是prop设定的
attr()
设定除布尔属性之外的所有属性
attr删除一切
8, class属性的操作
addClass 新增 在原有基础上新增,可以新增多个
removeClass 删除 只删除指定的属性,可以删除多个
toggleClass 切换 有就删除,没有就新增
hasClass 判断 判断有没有class属性值
jQuery的小复习(选择器、筛选器、标签对象、属性的操作、class属性的操作)
最新推荐文章于 2021-12-20 20:08:54 发布