dawuafang

浏览: 1105713 次

最近访客更多访客>>

jmq2007

hbyufan

cqnieenp

leisure0422

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (2899)

社区版块

存档分类

2017-01 ( 14)
2016-12 ( 14)
2016-11 ( 12)
更多存档...

系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.创建结点

　　1.创建元素节点

　　 ①创建jQuery对象
　　 $(html)
　　原理：根据传入字符串html创建DOM对象然后封装此DOM对象为 jQuery对象并返回
　　 ②插入jQuery对象
　　使用相应jQuery对象的append方法插入。
　　 ③注意
　　动态创建的新元素不会被自动加入文档，需要使用其他方法将其插入。
　创建单个元素时，要注意闭合标签和使用标准的XHTML格式。如
　　 $(“<p/>”)或$(“<p></p>”)，而不是$(“<p>”)或大写的$(“/P”)。

　　2.创建文本节点

　　 ①创建jQuery对象
　　 $(html) html中既包括元素结点也包括文本结点。
　　 ②插入jQuery对象
　　使用相应jQuery对象的append方法插入。
　　 ③注意
　　与创建元素节点几乎相同，$(html)中的html更多复杂了。
　　其实，html是可以非常复杂的。

　　3.创建属性节点

　　 ①创建jQuery对象
　　 $(html) html中既包括元素结点也包括属性结点，只是多title属性
　　 ②插入jQuery对象
　　使用相应jQuery对象的append方法插入。
　　 ③注意
　　与创建文本节点几乎相同，$(html)中的html更多复杂了。
　　其实，html是可以非常复杂的。

4.实例

<html>
	<head>
		<title>jQuery中的DOM操作.创建结点</title>
		<script type="text/javascript" src="jquery.min.js"></script>
		<script>
			$(document).ready(function(){
				//var $elementNode=$("<li></li>");//创建元素结点
				//$("ul").append($elementNode);

				//var $textNode=$("<li>Strawberry</li>");
				//$("ul").append($textNode);

				//var $complexNode=$("<li><strong>中国梦</strong><a href='http://www.gov.cn' title='中国政府网站'>点击此查看</a></li>");
				//$("ul").append($complexNode);
				
				var $attrNode=$("<li title='A kind of wonderful fruit'>Strawberry</li>");
				$("ul").append($attrNode);
			});
		</script>
	</head>

	<body>
		<p title="Choose your favorite fruit.">What's your favorite fruit?</p>
		<ul>
			<li>Apple</li>
			<li>Banana</li>
			<li>Pineapple</li>
		</ul>
	</body>
</html>

分享到：

系统学习jQuery.核心知识.局部.jQuery操 ... | 系统学习jQuery.核心知识.局部.jQuery选 ...

2013-12-27 22:42
浏览 361
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.创建结点

1.创建元素节点

2.创建文本节点

3.创建属性节点

4.实例

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

系统学习jQuery.核心知识.局部.jQuery操作.DOM操作.创建结点

1.创建元素节点

2.创建文本节点

3.创建属性节点

4.实例

评论

发表评论

相关推荐

最近访客更多访客>>

　　1.创建元素节点

　　2.创建文本节点

　　3.创建属性节点