jQuery简介




1.jQuery简介:
    write less,do more
    jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。
目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。

2.特点
    动态特效
    AJAX
    通过插件来扩展
    方便的工具 - 例如浏览器版本判断
    渐进增强
    链式调用
    多浏览器支持,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了对Internet Explorer6,7,8的支持)
3.jQuery1.x与jQuery2.x区别
    jQuery2.x不再支持ie6,7,8
    “But don’t worry, the jQuery team still supports the 1.x branch which does run on IE 6/7/8.”引用jQuery官网的说法,
    jQuery的支持旧的浏览器的1.x分支将继续得到支持,并且支持旧浏览器的jQuery1.10也即将到来。
    “In the future, we will be maintaining feature parity between 1.10 and 2.0, 1.11 and 2.1, etc.”继续引用官网的说法,
    jQuery团队将平等的对待1.x分支和2.x分支,并且尽量保持1.x分支和2.x分支间API差异的最小化。
    所以说ie6,7,8并没有被抛弃,如果你的网站需要顾及ie低版本用户,可以引用1.x分支到项目里。
    那么2.0的发布意义何在呢?因为牺牲了一部分兼容性,2.0更加轻量化,速度更快,并适应非网站场景。
4.javaScript与jQuery对象的区别和转换
    1)jQuery 对象
        jQuery 对象就是通过 jQuery($()) 包装 DOM 对象后产生的对象
        jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#persontab”).html();
        jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法
        约定:如果获取的是 jQuery 对象, 那么要在变量前面加上 $.  
            var $variable = jQuery 对象
            var variable  = DOM 对象
    2)jQuery 对象转成 DOM 对象
        jQuery 对象不能使用 DOM 中的方法, 但如果 jQuery 没有封装想要的方法, 不得不使用 DOM 对象的时候,
 有如下两种处理方法:
            (1) jQuery 对象是一个数组对象, 可以通过 [index] 的方法得到对应的 DOM对象. 
         var $src = $("#src");
  var src = $src[0];
            (2) 使用 jQuery 中的 get(index) 方法得到相应的 DOM 对象                       
         var $src = $("#src");
  var src = $src.get(0);
    3)DOM 对象转成 jQuery 对象
        对于一个 DOM 对象, 只需要用 $() 把 DOM 对象包装起来(jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象),
        就可以获得一个 jQuery 对象.
            var src = document.getElementById("src");
     var $src = $(src);
       转换后就可以使用 jQuery 中的方法了
5.jQuery 选择器
    其他的查询JQuery手册

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章