一场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
相关资源:数据结构—成绩单生成器