如何用html字符串创建jquery对象_随笔

用html字符串创建jquery对象的方法是通过js预发构造出来的。

以下通过div的构造后，追加字符串为例来说明

1、创建一个js变量，存放构造div的表达式：

var string = '<div><input type="text" value="val" /></div>'

2、通过1创建的div，在其标签之间追加html内容：

$('<div/>').html(string).contents()

以上1和2主要执行过程如下：

$('<div/>')是一个并不存在的dom对象是通过执行js表达式动态构建出来的

$('<div/>').html(string) 追加string内容到div之间作为子节点

.contents()把上面创建的div作为jquery对象来检索内容，创建一个真正的div

jquery可以利用parseHtml来 *** 作html字符串：

<html>

<head>

<script src="

$log = $( "#log" ),

str = "hello, <b>my name is</b> jQuery.",

html = $.parseHTML( str ),

nodeNames = [] // Append the parsed HTML$log.append( html ) // Gather the parsed HTML's node names$.each( html, function( i, el ) { nodeNames[i] = "<li>" + el.nodeName + "</li>"}) // Insert the node names$log.append( "<h3>Node Names:</h3>" )$( "<ol></ol>" ) .append( nodeNames.join( "" ) ) .appendTo( $log )

</script>

</body>

</html>

运行结果：

Content:

hello, my name is jQuery.Node Names:

#text

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zaji/7181059.html

如何用html字符串创建jquery对象

发表评论

评论列表（0条）