jQuery(8)-元素操作

主要是遍历,创建,添加,删除元素操作
一.遍历元素
jQuery隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同的操作,就需要用到遍历。

语法1:
//主要遍历元素

$("div").each(function(index,domEle){xxx;})

1.each()方法遍历匹配的每一个元素。主要用DOM处理。each每一个
2.里面的回调函数有2个参数:index是每个元素的索引号,domEle是每个DOM元素对象,不是jQuery对象
3.所以要想使用jquery方法,需要给这个dom元素转换为jquery对象$(domEle)

语法2:
主要用于遍历数据,处理数据

$.each(object,function(index,element){xxx;})

1.$.each()方法主要用于遍历对象,主要用于处理数据。主要也用于数组,比较数组,对象
2,里面的函数有两个参数:imdex是每一个元素的索引号,element遍历内容

二.创建元素
语法:

$("<li></li>");

动态的创建一个li

三,添加元素

1.内部添加

element.append("内容")//把内容放入匹配元素内部最后面,类似于appendChild
element.prepend("内容")//内部放入匹配元素的最前面

2.外部添加

element.after("内容")//把内容放入目标元素的后面
element-before("内容")//把内容放入目标元素的前面

(1)内部添加元素,生成之后,它们是父子关系()
(2)外部添加元素,生成之后,它们是兄弟关系

四,删除元素

element.remove()//删除匹配的元素(本身)
element.empty()//删除匹配的元素集合中所有的子节点
element.html()//清空匹配的元素内容
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值