温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Jquery操作DOM节点

发布时间:2020-06-26 09:31:57 来源:网络 阅读:293 作者:HarderXin 栏目:web开发
 

1、         向DOM节点中追加元素:

append:向元素内部追加内容:

例如:<p>我想说:</p>   $(“p”).append(“<b>你好</b>”);

结果:<p>我想说: <b>你好</b></p>

appendTo:将匹配的元素追加到指定的元素中

例如:<p>我想说:</p>   $(“<b>你好</b>”).appendTo(“p”);

结果:<p>我想说: <b>你好</b></p>

prepend:向每个匹配元素内部前置元素

例如:<p>我想说:</p>   $(“p”).prepend (“<b>你好</b>”);

结果: <p> <b>你好</b>我想说:</p>

prependTo:将所有匹配的元素前置到指定的元素中

例如:<p>我想说:</p>   $(“<b>你好</b>”).prependTo(“p”);

结果: <p> <b>你好</b>我想说:</p>

after:在每个匹配的元素之后插入内容

例如:<p>我想说:</p>   $(“p”).after(“<b>你好</b>”);

结果:<p>我想说: </p><b>你好</b>

insertAfter:将所有匹配的元素插入到指定元素的后面

例如:<p>我想说:</p>   $(“<b>你好</b>”).insertAfter(“p”);

结果:<p>我想说: </p><b>你好</b>

before:在每个元素之前插入内容

例如:<p>我想说:</p>   $(“p”).before(“<b>你好</b>”);

结果: <b>你好</b><p>我想说:</p>

insertBefore: 将所有匹配的元素插入到指定元素的前面

例如:<p>我想说:</p>   $(“<b>你好</b>”).insertBefore(“p”);

结果: <b>你好</b><p>我想说:</p>

2、         节点移除

a:在对象后面加入remove()方法,移除的内容虽然在网页上表现不存在了,但是在内存中还是存在的,remove后面还可以加入参数,进行选择$("ul li").remove("li[title != 2]");

b:在对象后面加入empty()方法,表示清空元素中的内容,元素位置还是存在

3、节点的复制,调用其clone()方法,里面可以包含true或者false参数,true表示克隆后的元素与原来的元素具有相同的属性和方法

3、属性操作:

attr():获取与设置属性

removeAttr():移除元素属性

3、         操作样式,可以使用attr,也可以使用addclass、removeclass

其中attr可以为相应的class赋值,但是它是从属性方面来考虑的

attr与addclass的区别:

 

 

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI