jquery学习笔记-韩顺平.docxVIP

1,Jquery是一个javascript框架或者叫做javascript库；2，用Ajax我们可以给服务器发送一个请求，服务器可以给我回送一个请求；3，出现javascript框架的根本原因就是为了提高开发者的开发效率；4，jquery是一个轻量级的js库（压缩后只有21K），这是其他的js库所不及的，它兼容CSS3，还兼容各种浏览器；5，JQuery是一个快速的，简洁的javascript库，使用户能更方便的处理HTML document,events,实现动画效果，并且方便的为网站提供AJAX交互；6，JQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。7，jquery能够使用户的html页保持代码和html内容的分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可；8，所谓的库就是提供一些现成的方法供你去调用；9，当前流行的javascript库有：Jquery ，MooTools，Prototype，Dojo，YUI,EXTJS,DWR[主要是运行在服务器上的];10，$(document) //---这个表示一个jquery对象；11，如果使用jquery，则需要引入jquery库script type=text/javascript src=jquery-1.3.1.js/script12,jquery对象就是对dom对象的一系列包装，它包装完成后，就可以使用jquery对象提供的方法来进行操作；13，在使用jquery开发中，有两种对象，1，jquery对象，2，dom对象，如果是jquery对象则只能使用jquery库提供的方法，如果是dom对象，则只能使用js本身提供的方法；14，分析jquery库文件的运行原理：script type=text/javascriptfunction Dog(){}//给Dog类添加一些属性和方法：我们用原型法Dtotype = {ready:function(){window.alert(ok);},jquery:1.3.1 //这里jquery是Dog类的一个属性}var dog1 = new Dog();dog1.ready(); //在界面上打出okwindow.alert(dog1.jquery); //在界面上打印出1.3.1/script15,因为jquery兼容各大浏览器，所以这就是为什么它这么流行；16，jquery对象就是通过jQuery包装DOM对象后产生的对象。jquery对象时jQuery独有的，如果一个对象是jquery对象，那么它就可以使用jquery里的方法：$(#test).html();比如：$(#test).html() 意思是指：获取ID为test的元素内的html代码。其中html()是jquery里的方法；这段代码等同于用DOM实现代码：document.getElementById(id).innerHTML;虽然jquery对象时包装DOM对象后产生的，但是Jquery无法使用DOM对象的任何方法，同理DOM对象也不能使用Jquery里的方法，乱使用会报错；约定：如果获取的是jquery对象，那么要在变量前面加上￥，var $variable = jquery对象var variable = DOM对象17,如果是jquery对象，规定一个jquery对象名是以$开头第二讲：jquery id选择器层次选择器1，dom对象和jquery对象之间的转换：（一）dom-jqueryvar $obj3 = $(obj1);window.alert($obj3.val());（二）jquery-dom 有两种方法(1),var obj4 = $obj2[0]; //obj4就是dom对象alert(obj4 value=+obj4.value);(2),var obj5 = $obj2.get(0);alert(obj5 val = +obj5.value);2,jquery对象就是对dom对象进行包装，这样就可以使用jquery的方法；3，jquery对象和dom对象可以互相转换；4，事件；5，document.getElementById(one).style.background = #0000FF; jquery的id选择器去和按钮绑定一个事件$(#b1) 表示选中b1这个控件$(#b1).click 给b1这个按钮绑定click事件，例子：$(#b1).click(function(){$(#one).css(background,#0000FF);});6，改变所有的span元素和id为two的元素的背景色为#3399FF$(