JQuery增加,替换,删除属性应用

Posted hzqzwl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery增加,替换,删除属性应用相关的知识,希望对你有一定的参考价值。

增加:

(内部插入)

技术图片

 

 我们来看以上代码,首先第一段很好理解

$( ‘obj‘).append(‘ count‘)

意思就是在obj之后添加count,这个count所指代的内容可以是变量,可以是自己拼接的字符串,他这种添加方式可以当成数组中的push()API一样,在末尾添加,

appendTo()和append是反着的,他是从开始的第一个位置添加

例:

技术图片

 

 这是之前的样式

技术图片

 

 通过appendTo,在div中成功插入了span标签

 

从开头部位置插入

技术图片

 

 此处可以从结构上来看,在h1标签内部开头位置插入span标签

技术图片

 

 prependTo()则是倒着插入的

就拿上面的例子来说,我通过    $(‘.headSpan‘).prependTo(‘.head‘)   将制定的span标签放入div中,这和prepend()的顺序就是个倒着的,

例如 $(‘A‘).perpend(‘B’),是在A的内部开头插入B,而 $(‘A‘).perpendTo(‘B’)  就是在B的开头插入A

 

 

外部插入

$(‘ A ‘).insertBefore(‘ B‘)

表示在A的外部插入B

以上是关于JQuery增加,替换,删除属性应用的主要内容,如果未能解决你的问题,请参考以下文章

深入学习jQuery节点操作

jQuery实现表格行的动态增加与删除(改进版)

jquery操作class属性

jquery模态对话框与clone的应用

jquery怎样修改onclick属性值

JavaScript之jQuery-3 jQuery操作DOM(查询样式操作遍历节点创建插入删除替换复制)