您的位置：首页 > Web前端 > JQuery

jquery DOM操作_创建节点

2013-03-31 22:01 489 查看

2,jQuery 创建节点：
(1)创建元素节点
(2)创建属性节点
(3)创建文本节点

<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>

</head>

<script>

//2创建节点

$(function(){

//1创建元素节点

var $li= $("<li></li>");

$("ul").append($li);

//2创建属性节点,创建元素节点的时候，写上属性,属性在飞蛾八个中显示

//$("p").attr("name","frult");//给p添加个name属性值为friut，但不显示在飞蛾八个钟显示

var $title=$("<li name='apple'></li>");

$("ul").append($title);

//3创建文本节点

var $content=$("<li name='melon'>西瓜</li>");

$("ul").append($content);

//区别一下append()和appeendTo(),append()父元素追加xxx为子元素,appendTo()将匹配的元素追加到某个元素上

var $son=$("<li id='son'>儿子</li>");

$son.appendTo($("ul"));

})

</script>

<body>

<p title="水果">你最喜欢的水果</p>

<ul>

<li>苹果</li>

<li>橘子</li>

<li>香蕉</li>

</ul>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航