- 技术博客
- jQueryDOM操作相关方法
<html>
<head>
<meta charset="UTF-8">
<title>jQueryDOM操作相关方法
</title>
<script src="js/njQuery-1.4.0.js"></script>
<script>
$(function () {
$("button").eq(0).on("click",function () {
var $li = $("li").clone(false);
console.log($li);
$("ul").append($li);
});
$("button").eq(1).on("click", function () {
var $li = $("li").clone(true);
$("ul").append($li);
});
$("li").on("click", function () {
alert($(this).html());
});
var li = document.querySelector("li");
li.onclick = function (ev) {
alert(123);
}
var temp = JSON.parse(JSON.stringify(li));
var ul = document.querySelector("ul");
ul.appendChild(temp);
});
</script>
</head>
<body>
<button>浅复制节点
</button>
<button>深复制节点
</button>
<ul>
<li>我是第1个li
</li>
<li>我是第2个li
</li>
</ul>
</body>
</html>
