的确,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>.....<a id="test" href="http://javascriptcn.com">js中国</a>
<!--逻辑代码-->
<script type="text/javascript">
document.getElementById("test").onclick=function()
{
alert("hello world!");
}
</script>
</body>
因而影响了,dom数的完美结构。
有了jquery框架后:
common.js文件
$(document).ready(function() {
//逻辑实现
$("#test").click(function() {
alert("Hello world!");
});
//实现结束
});
hml文件//逻辑实现
$("#test").click(function() {
alert("Hello world!");
});
//实现结束
});
<head>
<script type="text/javascript" src="common.js"></script>
</head>
<body>
<a >>
<script type="text/javascript" src="common.js"></script>
</head>
<body>
<a >>
用jQuery不需要在每个a标签之后写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档(JS),达到了将结构与行为分开的目的,就像我们使用CSS追求的一样。