jQuery是Javascript的封装库

目前几种流行的Javascript库:

  1.Prototype(http://www.prototypejs.org/)

  2.Dojo(http://dojotoolkit.org/)

  3.YUI(http://developer.yahoo.com/yui/)

  4.ExtJS(http://www.sencha.com/products/extjs/)

  5.MooTools(http://mootools.net/)

  6.jQuery(http://jquery.com)

 jQuery的优势

  1.轻量级:压缩版本只有100KB左右

  2.强大的选择器:从CSS1到CSS3大概有60多种选择器

  3.出色的DOM操作的封装:对页面元素的操作更加方便

  4.可靠的事件处理机制:事件兼容性高

  5.完善的Ajax

  6.不污染顶级变量:(function(xxx){})闭包

  7.出色的浏览器兼容性

  8.链式操作方式

  9.行为层与结构层的分离

  10.丰富的插件支持

  11.完善的文档

  12.开源

  13.隐式迭代

jQuery的入门与使用

window.onload和$(document).ready()对比表

  window.onload $(document).ready()
执行时机 必须等待网页中所有的内容加载完毕后(包括图片)才能执行 网页中所有DOM结构绘制完毕后就执行
编写个数 不能同时编写多个 能编写多个
简化写法 可以简写为$(function(){});

 

jQuery对象和DOM对象

1.DOM对象:

  文档对象模型(DOM,Document Object Model),每一份DOM都可以表示一颗树.

2.jQuery对象

  jQuery对象就是通过jQuery包装DOM对象后产生的对象

  注意:用#id作为选择符取得的是jQuery对象而非document.getElementById("id")所得到的DOM对象,两者并不等价.

两个对象的相互转换

1.jQuery对象转换为DOM对象:

  jQuery对象[index]  或者  jQuery对象.get(index)

2.DOM对象转换为jQuery对象:

  $(DOM对象)

jQuery库与其它库冲突问题

jquery.noConflict();//将变量$的控制权让给其它库

jquery(function()());使用jquery,不再使用$