jQuery DOM操作

追加节点:

(1)append()   给获得的元素添加新的标签
(2)appendTo()  将获得的元素添加到某标签中

 删除节点:
(1)根据参数删除指定的元素 remove()   
(2)清空节点 empty()

1,clone()  复制一个节点    例如:  $(li:[name="li"]).clone(true).appendTo("ul");  参数为true表示一同复制节点属性
2, 替换节点 replaceWith() 用参数节点替代选取的节点  例如:$("p").replaceWith("<span>这是一个span元素</span>")

replaceAll()   使用某元素替换所有其他元素  例如:$("<span>这是span元素</span>").replaceAll("p");

2, wrap() 用某个标签包含选中元素 例如:$("ul li").wrap("<b></b>");在每个<li>外面包上<b></b>标签     wrapAll()将选中元素用一个标签包含起来 $("ul li").wrapAll("<b></b>"); 将所有的<li>包含在<b></b>标签中

属性的操作

1,attr(“?”,“?”)    添加或查询选中元素的某条属性,参数1为属性名,参数2为属性值
2,removeAttr()    删除某个元素的某条属性

样式操作:

1,attr()     通过操作元素属性的class值来改变样式   
2,addClass()    参数为样式名称
3,removeClass()  删除元素的样式属性
4,toggle()       如果有这个class属性就删除,如果没有就增加

设置和获取html,文本和值

1,html()   获取闭合标签之间的元素    基本相当于JS中的innerHTML
2,text()  获取文本元素
3,val()    获取节点的value值

遍历节点

1,children()   得到活的元素的所有子节点
2,next()     当前元素下一个兄弟元素
3,prev()     当前元素上一个一个兄弟元素
4,siblings()    得到当前节点所有的所有兄弟节点
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值