过来人细谈jQuery工作原理解析

作者:郭月棋

资源类型:
文档/电子书
更新:
2015-07-13
来源:
转载
大小:
0.07MB
下载:
192次
标签:

内容

jQuery是为了改变javascript的编码方式而设计的。jQuery改变javascript编码方式!

1、查找(创建)jQuery对象:$("selector");

2、调用jQuery对象的方法完成我们需要完成的工作:$("selector").doOurWork();

jQuery就是以这种可以说是最简单的编码逻辑来改变javascript编码方式的。这两个步骤是jQuery的编码逻辑核心!

要实现这种简洁编码方式,创建jQuery对象这一环节至关重要。因此,jQuery的dom元素查找能力相当强悍。此外,jQuery对象的方法肯定是有限的,有限的方法满足不了日益增长各有所需的要求,所以,必须提供jQuery对象方法的扩展能力。

强悍的dom元素查找能力,以及随心所欲的方法扩展,这两点正是jQuery的核心所在!

来一个简单的示例,来说明jQuery是如何工作的:

< !DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 
<html xmlns=”http://www.w3.org/1999/xhtml” > 
<head> 
<title>无标题页</title> 
</head> 
<body id=”bd”> 
<a href=”http://www.baidu.com”>baidu</a> 
</body> 
</html> 
<script type=”text/javascript” src=”../Script/jquery.js”></script> 
<script type=”text/javascript” > 
$(function(){ 
$(“a“).click(function(e){//1)查找$(”a”);2)jQuery对象事件click;3)jQuery对象方法hide 
$(this).hide(“slow“); 
return false; 
}); 
}); 
</script>

更多内容可以下载附件来细致查看。

评论列表