jquery中append加进去的节点元素,为啥再使用each遍历里面相同的元素无效?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery中append加进去的节点元素,为啥再使用each遍历里面相同的元素无效?相关的知识,希望对你有一定的参考价值。

参考技术A 把append的内容写在$(document).ready(function());里面;
把each的内容写在$(window).load(function());里面即可

jquery

jquery:

detach() 方法移除被选元素,包括所有文本和子节点。
这个方法会保留 jQuery 对象中的匹配的元素,因而可以在将来再使用这些匹配的元素。
detach() 会保留所有绑定的事件、附加的数据,这一点与 remove() 不同。

after()
$(selector).after(content)

append()和append to()
appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。

提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容和选择器的位置,以及 append() 能够使用函数来附加内容。

attr()
$(selector).attr(attribute)

empty

empty() 方法从被选元素移除所有内容,包括所有文本和子节点。

html()
html() 方法返回或设置被选元素的内容 (inner HTML)。

insertAfter()、insertBefore
prepend() 方法在被选元素的开头(仍位于内部)插入指定内容。

提示:prepend() 和 prependTo() 方法作用相同。差异在于语法:内容和选择器的位置,以及 prependTo() 无法使用函数来插入内容。

removeAttr() 方法从被选元素中移除属性。
$(selector).removeAttr(attribute)

removeClass() 从所有匹配的元素中删除全部或者指定的类。

replaceAll() 方法用指定的 HTML 内容或元素替换被选元素。
replaceAll() 与 replaceWith() 作用相同。差异在于语法:内容和选择器的位置,以及 replaceWith() 能够使用函数进行替换。

text() 设置或返回匹配元素的内容。

toggleClass() 对设置或移除被选元素的一个或多个类进行切换。
该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果

unwrap() 方法删除被选元素的父元素。
$(selector).unwrap()

jquery的选择器
:text $(":text") 所有 type="text" 的 <input> 元素

val() 方法返回或设置被选元素的值。
元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
如果该方法未设置参数,则返回被选元素的当前值。
注意:
jQuery 官方 val() 解释:Get the current value of the first element in the set of matched elements.
翻译:获取全部符合条件中的第一个元素的值
$(selector).val(value)

wrap() 方法把每个被选元素放置在指定的 HTML 内容或元素中。
$(selector).wrap(wrapper)
注:每一个选择器都添加

wrapAll() 把所有匹配的元素用指定的内容或元素包裹起来。
注:在所有选中的选择器最外面添加

wrapInner() 方法使用指定的 HTML 内容或元素,来包裹每个被选元素中的所有内容 (inner HTML)。
注:为选择器的内容添加

 

关于替换audio的src问题:

使用$(选择器).attr("src",path)

以及

$("#audio").play()报错 not a function
原因:play()方法属于DOM对象方法,$(‘#audio‘)为jquery对象
解决办法:将jquery对象转换为DOM对象
可以直接用Document.getElementById()的形式

以上是关于jquery中append加进去的节点元素,为啥再使用each遍历里面相同的元素无效?的主要内容,如果未能解决你的问题,请参考以下文章

为啥jquery的append添加不了元素

Python为啥向二维列表中追加元素后所有元素都变一样了

jQuery学习笔记之DOM树创建新节点append方法

jquery中append和appendto的区别

jQuery之常用DOM操作

jQuery中 对标签元素操作