jQuery之美,第一次...

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

的确，jQuery将改变，javascript的编程方式！

在未使用jquery框架的时候，代码：

< body >
< a id = " test "  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 id="test" href = " http://javascriptcn.com " > js中国 </ a >
</ body >

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

转载于:https://www.cnblogs.com/wangxiang/articles/1107891.html