认识JQuery

总结的十点:

1、jQuery2.0版不支持IE6/7/8,

2、$是jQuery的别名,两者可以互换。$("#id")等同于JQuery("#id");

     JQuery中的链式写法:对于同一个对象的操作不超过三个,建议写一行。

     如:$("#model").css("color","red").fadeIn("slow",o.5).animate({"width":"200px"}).show();

3、DOM它定义了访问html文档对象的一套属性、方法、事件。

4、DOM是以层次结构组织的节点或信息片段的集合。是给HTML或者XML文件使用的一组API。        DOM的本质是,建立网页与脚本语言或者程序语言沟通的桥梁。

5、DOM对象:通过JavaScript获取到的节点就是DOM对象。

6、JQuery对象就是通过JQuery包装DOM对象产生的对象。

7、JQuery对象无法使用DOM对象的任何方法,反之亦然。(需区分清楚)

8、JQuery对象与DOM对象互相转换:

      JQuery对象转DOM对象(JQuery对象是一个数组对象):

       例:var $cr = $("#cr");

       var cr = $cr[0];||$cr.get(0);//转换为DOM对象

       alert(cr.checked);

       DOM对象转换为JQuery对象:

       例:var cr = document.getElementById("cr");

        var $cr = $(cr);

9、JQuery中的ready与window.onload:

      window.onload:

      1、在常规的JavaScript代码中常使用。

      2、必须等待到网页中所有的内容加载完毕后(包括图片)才能执行;

      3、不能同时编写多过。若编写,执行后者。

      4、没有简化写法。

      $(document).ready():

      1、网页中所有DOM结构绘制完毕后就执行,可以允许与DOM元素相关联的内容没有加载完

      2、能同时编写多个,

      3、简写:$(function(){//do something});

      load()方法:

       会在元素onload时间中绑定一个处理函数。如果处理函数绑定给window对象,则会在所有的内         容加载完毕后触发;如果处理函数绑定在元素上,则会在元素的内容加载完毕后触发

     例:$(window).load(function(){}); 相当于:window.onload = function(){};

10.JQuery与其它类库之间的冲突。

      其中一个例子:如果引入多个js库,在另外一个js库中也定义了$符号,那么就会发生冲突。

      解决方法之一:noConflict()方法。使用该方法后,在JQuery中不能使用$代替JQuery;不过可         以创建自己的简写如:var xx = $.noConflict();又或者在把$当参数传入函数中,不过这只能在函       数内使用,函数外不能。

推荐阅读更多精彩内容

  • 一、JavaScript和JavaScript库 JavaScript简介 JavaScript是Netscape...
    东东少将阅读 113评论 2 3
  • title: 《锋利的jQuery》一、认识jQuerydate: 2017-06-13 14:14:24tags...
    Gary23阅读 104评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 346评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 241评论 0 1
  • 一、认识jQuery jQuery是继prototype之后又一个优秀的JavaScript库,是一个John r...
    清心挽风阅读 45评论 0 2