jQuery之美,第一次...

一场ajax风暴,席卷了整个web开发世界... ...prototype、jQuery、mootools各种js框架层出不穷。知道昨天,自己还不习惯使用框架做js开发,最近想应聘javascript相关的工作,就仔细学习了各个框架。

的确,jQuery将改变,javascript的编程方式!

在未使用jquery框架的时候,代码:

<body>

<a href="http://javascriptcn.com">js中国</a>

<!--逻辑代码-->

<script type="text/javascript">

document.getElementById("test").onclick=function()

{

alert("hello world!");

}

</script>

</body>

处理的逻辑代码必须写在a标记之后,否则将会出现无法找到对象的错误。因此,这样body里就不得不出现n多的<script></script>.....

因而影响了,dom数的完美结构。

有了jquery框架后:

common.js文件

$(document).ready(function() {

//逻辑实现

$("#test").click(function() {

alert("Hello world!");

});

//实现结束

});

hml文件

<head>

<script type="text/javascript" src="common.js"></script>

</head>

<body>

<a >>

用jQuery不需要在每个a标签之后写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档(JS),达到了将结构与行为分开的目的,就像我们使用CSS追求的一样。