jQuery 与 dom 的转换

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-3.1.0.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">

DOM操作节点：DOM节点对象

        var div1 = document.getElementById("div1");

JQ获取节点：jq节点对象

        var div2 = $("div1");

DOM节点和jQuery对象不能混用对象的属性，方法如果想用，则必须转装换成对象类型

把jQuery对象转换成DOM节点

方法一：利用数组下标的形式获取

        var divDom = div2[0];

方法二：使用get函数获取

        var divDom = div2.get[0];

把DOM节点转换成jq节点

在dom节点变量名外部包裹上$()

        var $divJQ = $(div1);
        console.log($divJq);

变量名取名规则：通过jq获取的对象节点，命名jq对象一般在前面加一个$符号。而dom不需要

    </script>
</head>

<body>
</body>

</html>

最后编辑于：2017.12.04 03:19:48

jQuery 与 dom 的转换

DOM操作节点：DOM节点对象

JQ获取节点：jq节点对象

DOM节点和jQuery对象不能混用对象的属性，方法如果想用，则必须转装换成对象类型

把jQuery对象转换成DOM节点

方法一：利用数组下标的形式获取

方法二：使用get函数获取

把DOM节点转换成jq节点

在dom节点变量名外部包裹上$()

变量名取名规则：通过jq获取的对象节点，命名jq对象一般在前面加一个$符号。而dom不需要

推荐阅读更多精彩内容