版权声明:进击的葱 https://blog.csdn.net/qlwangcong518/article/details/86518309
描述:
jquery对dom的操作
实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="node_modules/jquery/dist/jquery.js"></script>
</head>
<body>
<script>
//创建div的jQuery对象
// var div=$("<div></div>");
// $("body").append(div);
// div.appendTo("body");
$("<div></div>").appendTo("body")
.width(100).height(100)
.css("backgroundColor","red")
.hover(function () {
$(this).css("backgroundColor","blue");
},function () {
$(this).css("backgroundColor","red");
}).clone().appendTo("body")
.on("mousedown",function () {
$(this).css("backgroundColor","blue");
});
$("<img>").attr("src","img/1.jpg").appendTo("body")
</script>
</body>
</html>