DOM和 jquery 基础

1、jquery 对象就是jqery包装DOM对象后产生的对象

2、jquery对象与DOM对象是不一样的

 具体操作方法： 通过 id 来获取标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="a1">123</div>
    <div id="a2">345</div>

    <script src="jquery-3.1.0.js"></script>
    <script>
            var kk = document.getElementById('a1')
            kk.style.fontSize='30px'
            var k1 = $('#a2').css('fontSize','30px')
    </script>
</body>
</html>

1、 整个jquery 代码要放在body的最下边

2、 要记住先引入JS文件，通过src；在引用自己定制的js插件

DOM通过 getelementbyid 来查找id属性标签

jquey 通过 $('#a2')  来id属性的标签

通过标准的javascript 操作和DOM与 jqery 操作dom的对比，我们发现：

1、通过jqery 方法包装后的对象，是jqery对象，他是一个新的对象

2、jquery 与dom 对象是一个不同一的东西，但是又似曾相似，因为他们都能处理DOM

jquery 与dom 对象的转换

<body>
    <div class="a">456</div>
    <div class="b">567</div>
    <script src="jquery-1.8.2.js"></script>
    <script>
        通过 b 找到 标签
       var k1=$('.b').css('fontSize','30px')
        通过get方法将jquery转换成dom
        var kk=k1.get(0)
        利用dom的方法进行处理
        kk.style.fontSize='40px'
    </script>
</body>
</html>
DOM对象转换成jquery对象 的方法



posted on 2016-08-16 14:16  05_小翼  阅读(155)  评论(0)  编辑  收藏  举报

导航