我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

裴虎伟-前端(25)_20221226

[复制链接]
faith学员认证 发表于 2023-1-5 21:57:46 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、今日所学内容
1、jQuery基础
html节点、css、事件函数、js特效与动画
使用:js函数库
引入:引入本地、在线cdn地址
标签:script中使用src
版本:未压缩、压缩版

2、入口函数
(1)原生写法
一旦dom结构渲染完毕就可以执行内部代码——window.onload
(2)jQuery写法
$(function(){js代码})
$(document).ready(function(){js代码})
3、获取节点
$('选择器')
返回值:event.fn.initlength索引

4、jq对象与原生对象相互转换
(1)jq对象转原生对象
jq对象[索引]
(2)原生对象转jq对象
$(原生对象)
5、jQuery对象的遍历
6、jQuery对象操作样式
单个样式
多个样式
隐式迭代

7、操作类名
添加类:addClass
移除:removeClass
切换:toggleClass(没有就添加,有就移除)

8、选择器
(1)选择器
基础选择器
id选择器
class选择器
标签选择器
通用选择器
(2)层次选择器
后代选择器
子代选择器
相邻选择器:prev+next$('#box+ul')
同辈选择器:prev~siblings$('#box~div')
(3)表单选择器
$(':input')里面的input可以是:input/select/textarea/button
input标签的type属性的选择器
        :text
        :password
(4)筛选选择器
集合中的第一个元素:first()

集合中的最后一个元素:
last()
eq($lis.length-1)

某一个类似于:nth-child(n):eq()

下一个:next()

上一个:prev()

后面的所有兄弟节点:nextAll()

筛选出元素后面所有的兄弟元素,直到选择器元素为止:nextUntil()

最近一级的父级元素:parent(),不会返回其他祖先元素

所有的父级元素:parents(),不传参会返回所有的祖先元素,传参会返回所需要的的祖先元素;当有多个祖先元素时会返回一个集合

不包含括号内参数的这个选择器对应的元素:parentsUntil(选择器)

筛选出所有符合条件的子元素:children(选择器)

后代元素:find(选择器)

所有的兄弟节点,不包含自己:siblings()

索引:从0开始:index()


回复

使用道具 举报

关注0

粉丝0

帖子93

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026