Jquery - 选择器$(<div>)和$(<div />)的区别

Question

附加元素有什么区别

$('#my_parent_element').append('<div>');?

要么

$('#my_parent_element').append($('<div>'));?

和

$('#my_parent_element').append('<div/>');?

要么

$('#my_parent_element').append($('<div/>'));?

这是什么斜线的目的/.

将此元素转换为jQuery元素的目的是什么$？

为什么jQuery能够以这种方式附加元素？

Answer 1

一个是完整的有效代码，并保证在现在和将来的所有浏览器中工作，另一个是不完整的，可能无法在某些边缘情况下工作。

明确地说，你想要'<div/>'

jQuery 只能创建/操作元素，不能打开和关闭标签。一旦在 DOM 中进行处理，元素就不再由开始和结束标记表示，而是表示为树结构中的节点。

.append("<div />")就vs而言.append( $("<div />") )，两者之间几乎没有什么区别。两者执行相同的操作。

vs在 api 中有详细记录"<div>"。http://api.jquery.com/jQuery/#jQuery2"<div />"

"<div>"vs"<div/>"是一个非常简单的情况，“应该”在现在和将来的所有浏览器中工作，但是如果您变得更复杂，那么您将遇到 html 解析方式的跨浏览器差异的问题。