jquery增、删、改、查

1、增
<p>hello</p>
//外部插入:after(),appendTo(),before(),prependTo()
$("p").after("<b>world</b>")//使用after插入语句
//	<p>hello</p><b>world</b>//显示结果
$("p").before("<b>world</b>")//使用before插入语句
//	<b>world</b><p>hello</p>//显示结果

//内部插入:append(),prepend(),insertAfter(),insertBefore()
$("p").append("<b>world</b>")//使用append插入
//	<p>hello<b>world</b></p>//显示结果
$("p").prepend("<b>world</b>")//使用prepend插入
//	<p><b>world</b>hello</p>//显示结果
2、删
empty() 方法移除被选元素的所有子节点和内容。该方法不会移除元素本身,或它的属性。
remove() 方法移除被选元素,包括所有的文本和子节点。该方法也会移除被选元素的数据和事件。
detach() 方法移除被选元素,包括所有的文本和子节点。然后它会保留数据和事件。

提示:如只需从被选元素移除内容,请使用 empty() 方法。
提示:如需移除元素及它的数据和事件,请使用 remove() 方法。
提示:如需移除元素,但保留数据和事件,请使用 detach() 方法。
3、改
//text(), html():查找/修改元素节点
//attr(),prop():查找/修改属性节点
//对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
//对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
//具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop()
attr()://如果属性存在,则返回属性值;如果属性不存在,则返回 undefined
prop()://如果属性存在,则返回属性值;如果属性不存在,则返回 空("")
4、查
next():下一个元素
prev():上一个元素
nextAll():所有下一个元素
prevNext():所有上一个元素
siblings():同级所有元素
parent():上一级
parents():所有上级
closest():获取最近的祖级元素
find():获取后代元素
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值