【jquery详细讲解】

(一)、什么是jQuery 
    jQuery 是对javascript的一种封装--js的函数库。
    用于客户端的开发,由美国人在2001年1月推出。

(二)、jQuery 与javascript的区别:
1、本质上的区别: 
    jQuery是一个函数库,基于js语言编写出来的框架,实质上还是属于js。
2、代码书写不同, jq更简单。
3、使用方法不同:
    使用jQuery和javascript 分别加载DOM, js只执行一次,jq可以执行多次。
4、获取class的方法不同。
    js没有默认的获取方式,jq可以通过$(".类名")来获取

(三)、jQuery的优势: 
    a , 轻量级  
    b, 对浏览器的兼容性好   
    c, 强大的选择器 
    d, 完善的ajax 
    e, 丰富的API文档和插件等

(四)、熟悉使用jQuery
        1、首先获取相关的js文件                      官网,百度(已提供)
           最新版: 3.3.1几    常用参考API
    * jquery-xxx.js 与 jquery-xxx.min.js区别:
        1). jquery-xxx.js:开发版本。给程序员看的,有良好的缩进和注释。体积大一些
        2). jquery-xxx.min.js:生产版本。没有缩进。体积小一些。程序加载更快

        2、引用 在页面上引用js文件
        3、基本使用语法:    $("选择器名").操作
        4、jQuery的文档就绪(加载)三种写法:
           $(document).ready(function(){
     选择对象进行操作
           });

           $().ready(function(){              
                 选择对象进行操作
           });

           $(function(){             // 此方法最简洁
    选择对象进行操作
           }); 

(五)、window.onload  和 $(function) 区别
      * window.onload 只能定义一次,如果定义多次,后边的会将前边的覆盖掉
      * $(function)可以定义多次的。 

(六)、五、掌握jQuery对象与DOM对象的异同

        什么是jQuery对象?  
    通过jQuery包装DOM(文档)对象后产生的对象,凡是在$("")中的都属于jQuery对象。
        什么是DOM对象?
    页面中元素的集合就是文档对象。

         注意1:
    jQuery对象与文档对象不能混合使用。
    jQuery对象不能使用文档对象的属性及方法,同理文档对象也是。

         注意2: DOM(文档)对象与jQuery对象是可以相互转换的
    a、 js-jq
        在dom对象的最外层用$()进行包裹即可。
    b、jq-js
        先获取jq对象:   var $jq=$("选择器名");
       

你可能感兴趣的:(前端,开发语言,web,javascript,jQuery,jquery)