一、什么是jQuery?
jq是一个JavaScript库,它通过原生的JavaScript函数得到一整套定义的好方法。
二、jq的功能和优势
像css那样访问和操作DOM对象
修改css控制页面外观
简化JavaScript代码操作
事件处理更加容易
各种动画效果使用方便
让ajax更加完美
基于jquery大量插件
自行扩展功能插件
三、其他jquery库
YUI:是雅虎公司开发的一套完备的,扩展性良好的的富交互网页工具
Prototype:是最早成型的JavaScript库之一,对JavaScript内置对象做了极大的扩展
Dojo:强大之处在于提供了其他库没有的功能,离线存储,图标组件等等
Mootools:清亮,间洁,模块化和面向对象的JavaScript框架
ExtJs:简称Ext,原本是对YUI的一个扩展,主要创建前端用户界面
五、加载模式
window.οnlοad=function(){} //js等待加载
执行时机:必须等待网页全部加载完(包括图片等),再执行包裹代码
执行次数:只能执行一次,如果第二次,那么第一次会被覆盖
简写方案:无
$(document).ready(function(){}) //jquery等待加载
执行时机:只需要等待网页中DOM结构加载完毕,就能执行包裹的代码
执行次数:可以执行n次,第n次都不会被上一次覆盖
简写方案:
$(function(){
})
六、对象互换
jquery转化成DOM对象 通过get(index)或者[index]
七、多个库之间的冲突
1、将jquery库在Base库之前引入,那么$就归Base库所有,而jq可以直接用Jquery对象调用,或者创建一个“$$”符给jQuery使用
var $$=jQuery;
$(function(){
alert($()); //base库
alert($$()); //jquery库
})
2、将Base库在jquery库之前引入,那么$就归jquery库所有,而base库将会冲突而失去作用
jQuery.noConflict(); //剔除$符所有权
var $$=jQuery;
$(function(){
alert($()); //base库
alert($$()); //jquery库
})