jQuery里的$("div")、$("<div>")、$("<div/>")有区别吗

Question

jQ选择器
jQuery里的$("div")、$("<div>")、$("<div/>")有区别吗

Answer 1

第一个查找所有div 标签
第二第三 创建div节点

Answer 2

严格意义上, 第二种情况 $('<div>') 是不正确的.

$() 函数的参数, 可以为一个字符串DOM选择器, 或者是一段HTML代码

第一个情况就是属于选择器的形式, 而第二和第三种情况就是属于提供一段HTML代码创建对应的DOM元素.

如果是HTML代码这样来看的话, <div/> 表示的是一个空的 div 标签, 等效于: <div></div>, 其实HTML标准上, 都是要求所有标签必须有配对的结束标签, 对应要额外的写一个 </div> 结束标签, 觉得有点臃肿, 所以简略的写法就是在开始标签的结尾加上 / 表示一对标签.

常见的还有有: <br/>, <input type="text" />

浏览器或者jQuery能够识别, 其实是做了自动填补结束标签, 正确的做法应该是记得自己写上结束标签, 做一个有始有终的好码农 ~_~b

Answer 3

$("div")是选取页面上所有的div，$('<div>')是指创建一个DIV，$("<div/>")没见过这样写的，但是试了一下和$('<div>')相同。

Answer 4

$("div")选择所有的div.

$("<div>"),$("<div/>")会创建DIV

Answer 5

Answer 6

建议第三种写法：$("<div/>")。