我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

巨朝阳-20221118-jQuery-DAY02

[复制链接]
云云学员认证 发表于 2022-11-24 00:25:20 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、今日学习
1.jQuery操作dom

1.1创建节点

$('html代码')

1.2增加节点

分类:
        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,sel2,sel3...'):获取前后所有指定选择器的兄弟的节点
      
        colsest('选择器')---向上查找
        find('选择器')---向下查找

1.6jq对象的遍历方法

        each()
        jq对象.each(function(当前元素对应的索引,当前具体元素v){
        i:索引
        v:原生对象
        })
回复

使用道具 举报

关注0

粉丝0

帖子39

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

客服电话:18009298968

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

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

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