菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育
标题:
孙佳豪--82期jQuery--20221226
[打印本页]
作者:
晓9863
时间:
2022-12-26 19:46
标题:
孙佳豪--82期jQuery--20221226
今日所学:
入口函数
意思:一旦dom结构渲染完毕就可以执行内部代码----window.onload
$(function(){js代码})
$(document).ready(function(){js代码})
jQuery对象与原生对象相互转换
jQuery对象转为原生对象(加索引)
原生对象转为jQuery对象(加一个$符)
选择器不存在是,原生返回null,jQuery返回正常
jQuery对象的遍历
each会自动进行遍历,不需要传递item,index
操作类名
添加addClass
移除removeClass
切换toggleClass
选择器
基础选择器
id选择器
class选择器
标签选择器
通用选择器
层次选择器
后代选择器
子代选择器
相邻选择器:prev+next $('#box + ul')
同辈选择器:prev~siblings $('#box ~ div')
表单选择器
$(':input') (加:包含input/select/textarea/button)
input标签的type属性的选择器 :text :password
筛选选择器
first():集合中第一个元素
last():集合中最后一个元素
eq(n):n从零开始
$lis.length - 1代表最后一个
next()下一个
prev()上一个
nextAll()后面的所有兄弟节点 传参:选择器 不传参:默认选择所有
nextUntil()筛选出元素后面所有的兄弟元素,直到选择器元素为止
parent()所有父级元素
parents()所有祖先元素
parentsUntil(选择器)不包含参数的这个选择器对应的元素
children(选择器)筛选出所有符合条件的子元素
find(选择器)后代元素
所有的兄弟节点---选择器 sibings()不包含自己
index()索引
欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)
Powered by Discuz! X3.4