我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

蒋鹏冲-20221118-jQuery-day02

[复制链接]
北纬33 发表于 2022-11-22 22:38:53 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一,今日学习内容:
1.jQuery-day02
        1. jq操作dom---重点中的重点
                1.1 创建节点--重点
                        $('html代码')
                1.2 增加节点
                        分类
                                在父节点内容之前货之后添加新节点
                                在兄弟节点之前或之后添加新的兄弟节点
                        1.在父节点内容之前或之后添加新节点
#之后
父节点.append(新节点)
新节点.appendTo(父节点)

#之前
父节点.prepend(新节点)
新节点.prependTo(父节点)
                        2.在指定的兄弟节点之前或之后添加新的兄弟节点
#之后
指定的兄弟节点.after(新节点)
新节点.insertAfter(指定的同级兄弟节点)

#之前
指定的兄弟节点.before(新节点)
新节点.insertBefore(指定的同级兄弟节点)
                1.3 删除节点
                        1.jq对象.empty()----删除了子元素,保留了自己
                        2.jq对象.remove()---删除了子元素,也删除了自己,不保留事件
  jq对象.detach()---删除了子元素,也删除了自己,保留事件
                1.4 复制节点---掌握
                        jq对象.clone()

默认参数为false---不复制事件
true--复制事件
                1.5 筛选节点
                        children():获取所有的子节点
children('sel1,sel2,sel3,....'):获取所有指定的子节点

兄弟节点
next():后面的第一个兄弟节点  +
nextAll():后面所有的兄弟节点  ~
nextUntil():后面所有的兄弟节点直到...为止

prev():前面的第一个兄弟节点
prevAll():前面的所有的兄弟节点
prevUntil():获取前面所有的兄弟节点直到...为止

siblings():所有的兄弟节点--包括前面与后面
siblings('sel1,sle2,...'):获取前后所有指定选择器的兄弟的节点

closest('选择器')---向上查找
find('选择器')---向下查找
                1.6 jq对象的遍历方法---掌握
                        each()
jq对象.each(function(当前元素对应的索引i,当前具体元素v){
    i:索引
    v:原生对象
})

$.each(jq对象,function(i,v){
     v:原生对象
})

回复

使用道具 举报

关注0

粉丝0

帖子91

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

客服电话:18009298968

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

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

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