码迷,mamicode.com
首页 > Web开发 > 详细

JQuery简介

时间:2015-03-03 11:23:22      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:

资源下载

 

参考书:《锋利的jQuery》
jQuery官网:      http://jquery.com
jQuery在线API:http://api.jquery.com
                           http://api.jquery.com/api/ (xml文件。)
jQuery UI:        http://jqueryui.com/

 

JavaScript框架库

1.什么是JavaScript框架库? 

普通JavaScript的缺点:每种控件的操作方式不统一,不同浏览器下有区别,要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript的封装库。

2.常见的JavaScript框架库介绍

Prototype【‘pr?ut?.taip 】、

YUI、

Dojo【’dod?o ,豆粥】、

ExtJS、

jQuery

这些库对JavaScript进行了封装,简化了开发。这些库是对JavaScript的封装,内部都是用JavaScript实现的。

jQuery就是JavaScript语法写的一些函数类,内部仍然是调用JavaScript实现的,所以并不是代替JavaScript的。使用jQuery的代码、编写jQuery的扩展插件等仍然需要JavaScript的技术,jQuery本身就是一堆JavaScript函数。jQuery是最火的JavaScript库,jQuery的扩展插件也是非常多。

JQuery简介

1.什么是JQuery? 

jQuery就是一个JavaScript函数库,没什么特别的。

jQuery能做什么?jQuery是做什么的?

jQuery本身就是一堆JavaScript函数,JavaScript是做什么的,jQuery也一样。毕竟jQuery只是用JavaScript编写的函数库而已,有些功能jQuery没有封装,则还需要通过自己写JavaScript来实现。

2.特点 

Write Less,Do More

1)很好的解决了不同浏览器的兼容问题(IE 6.0+, FF 2+, Safari 3.0+, Opera 9.0+, Chrome)css还是有问题的 

对于 控件具有统一的操作方式。

2)体积小(几十KB)、

3)使用简单方便(Write Less Do More)

4)链式编程$("#div1").draggble().show().hide().fly() 、

5)隐式迭代

6)插件丰富、开源、免费。插件多缺什么找什么。让编写JavaScript程序更简单、更强大!

 

初体验

 

1.用JQuery弹个窗

1)传统方式

onload=function(){

    alert(‘页面加载完了‘);

};

2)JQuery方式

$(document).ready(function(){

    alert(‘页面加载完了‘);

});

3)JQuery简写

$(function(){

     alert(‘页面加载完了‘);

});

4)说明

通过jQuery的方式实现。

$(document).ready(fn);

$(fn);  等价于$(document).ready(fn);

2.window.onload与$(document).ready(fn);的区别

1)

window.onload需要等待页面完全加载完毕才会触发,即所有Dom元素创建完毕、图片、Css等都加载完毕后才被触发。

$(document).ready()只要Dom元素加载完毕即触发。这样可以提高响应速度。

2)

$(document).ready();可以多次注册事件处理程序,并且最终都会执行,

而window.onload每次注册新的事件处理程序时都会将前面的覆盖掉。

 

jQuery中的顶级对象$

1.jQuery中最常用的对象即$对象,要想使用jQuery的方法必须通过$对象。只有将普通的Dom对象封装成jQuery对象,然后才能调用jQuery中的各种方法。

 

2.$是jQuery简写,在代码中可以使用jQuery代替$,但一般为了方便大家都直接使用$。

 

 

 



JQuery简介

标签:

原文地址:http://www.cnblogs.com/mcad/p/4310406.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!