我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

康利20221118jQuery02

[复制链接]
智商不在服务区 发表于 2022-11-21 22:32:04 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
一、学习内容:
1.创建节点:$('html代码')
2.增加节点:
分类:
       在父节点内容之前或之后添加新节点
       在兄弟节点之前或之后添加新的兄弟节点

在父节点内容之前或之后添加新节点
之后
父节点.append(新节点)
新节点.appendTo(父节点)
之前
父节点.prepend(新节点)
新节点.prependTo(父节点)

在指定的兄弟节点之前或之后添加新的兄弟节点
之后
指定的兄弟节点.after(新节点)
新节点.insertAfter(指定的同级兄弟节点)
之前
指定的兄弟节点.before(新节点)
新节点.insertBefore(指定的同级兄弟节点)

3.删除节点
jq对象.empty()---删除了子元素,保留了自己
jq对象.remove()---删除子元素和自己,不保留事件
jq对象.detach()---删除子元素和自己,保留事件

4.复制节点
jq对象.clone()
默认参数为false---不复制事件
参数为true---复制事件

5.筛选节点
父找子:
children()----获取所有的子节点
children('sel1,sel2,sel3,......')----获取所有指定的子节点
兄弟节点:
next()----选择后面的第一个兄弟节点  +
nextAll()----选择后面所有的兄弟节点  ~
nextUntil()----获取后面所有的兄弟节点直到...为止   
prev()----前面的第一个兄弟节点
prevAll()----前面的所有的兄弟节点
prevUntil()----获取前面所有的兄弟节点直到...为止
siblings()----所有的兄弟节点--包括起那么和后面
siblings('sel1,sel2,sel3,...')----获取前后所有指定选择器的兄弟的节点
closest('选择器')----向上查找
find('选择器')----向下查找

6.jQuery对象的遍历方法
each()
jq对象.each(function(当前元素对应的索引i,当前具体元素v){
    i:索引
    v:原生对象
})
$.each(jq对象,function(i,v){
    console.log(v);
})

回复

使用道具 举报

关注0

粉丝0

帖子68

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

客服电话:18009298968

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

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

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