一. Jquery的入口

写js代码一般等到整个页面加载完成之后,才去执行js操作,尤其涉及到对dom的操作。 JQuery的使用也是如此。一般使用下面的入口来完成。

<script type="text/javascript">
    //带整个文档加载完毕之后再去执行我们传入的匿名函数。  document.onload = function () {}
    $(document).ready(function () {
        //jquery代码
    });
    //上面的入口可以简写成如下形式,完全与前面的的等价
    $(function () {

    });
</script>

说明:

  • $ 是jquery中的对象。我们使用jquery的所有操作,都是在 $ 的基础上完成的
  • 其实 $ 是 jQuery 对象的简称。 $ === jQuery

二. jQuery的两个利器

  1. jQuery函数

    $jQuery函数

  2. jQuery对象

    调用$jQuery函数得到的返回值, 即使jQuery对象.


二. jQuery对象和原生DOM对象的互换

使用JQuery获得的是JQuery对象,使用原生js获得的DOM对象,二者是完全不同的对象。使用的时候一定要区别开来。

<script type="text/javascript">    
    $(function () {    
        var $div = $("#div");//JQuery操作节点,得到的是JQuery节点对象。Jquery对象一般用$开头来表示
        var div = document.getElementById("div"); //得到的DOM对象

        /*
             DOM对象转换成JQuery对象
             $(domObj)
         */
        var $div1 = $(div);

        /*
             JQuery对象用两种方式转变成DOM对象:
             1、利用数组下标方式
                 JQueryObj[0]
             2、利用get方法:
                 JqueryObj.get[0]
         */
        var domDiv1 = $div[0];
        var domDiv2 = $div.get(0);        
    });
</script>
Copyright © 李振超 2018 all right reserved,powered by Gitbook
该文件最后修订时间: 2018-10-18 03:20:27

results matching ""

    No results matching ""