JS——jquery对dom的操作

版权声明:进击的葱 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>

猜你喜欢

转载自blog.csdn.net/qlwangcong518/article/details/86518309