本文共 1221 字,大约阅读时间需要 4 分钟。
1. jQuery简介
jQuery是继prototype之后又一个优秀的JavaScript库,是一个由John Resig创建于2006年的开源项目,现在的jQuery团队主要包括核心库、UI和插件等开发人员以及推广和网站设计维护人员。
jQuery凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。
2. jQuery编写
jQuery不需要安装,把下载的jQuery文件放到一个公共位置,想要在某个页面上使用jQuery时,只需要在相关的HTML文档中引入该库文件的位置即可。
在jQuery库中,"$"就是jQuery的一个简写形式,例如$("#foo")和jQuery("#foo")是等价的,$.ajax和jQuery.ajax是等价的,例如:
$(document).ready(function(){ alert("Hello World!");});
这段代码的作用类似于传统JavaScript中的window.onload方法,不过与window.onload还是有些区别。
jQuery支持强大的链式操作,用一行代码来完成复杂的功能,例如:
$(".has_children").click(function(){ $(this).addClass("highlight").children("a").show().end() .siblings().removeClass("highlight").children("a").hide();});
3. jQuery对象
jQuery对象是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,如果一个对象是jQuery对象,那么就可以使用jQuery里的方法,例如:
$("#foo").html();
这段代码等同于:
document.getElementById("foo").innerHTML;
jQuery对象中无法使用DOM对象的任何方法。在不得不使用DOM对象的时候,可以有两种处理方法:
1) jQuery对象是一个数组对象,可以通过[index]的方法得到相应的DOM对象,例如:
var $obj = $("#cr");var obj = $obj[0];alert(obj.checked);
2) jQuery本身提供了get(index)方法得到相应的DOM对象,例如:
var $obj = $("#cr");var obj = $obj.get(0);alert(obj.checked);
对于一个DOM对象,只要用$()把DOM对象包装起来,就可获得一个jQuery对象,例如:
var obj = document.getElementById("cr");var $obj = $(obj);
转载地址:http://rysxl.baihongyu.com/