JQuery 动作绑定
假设页面有一段html需要做点击事件:
<span id="id">XXX</span>
我们当然可以使用 onclick=”" 方法,当这种方法不符合“结构与逻辑分离”的开发规范。
我们依然采用上面的结构,并对该对象做事件绑定。代码:
$(”#id”).click(function() {
alert(”You clicked #id”);
});
这里首先获取该对象,并且定义该对象的触发点击时的行为。想要修改点击行为,只需要修改 function() { alert(”You clicked #id”); } 这一部分。
这种方法看起来更麻烦,实际上更好的实现了“逻辑与结构分离”的思想,我们可以分开存放js和html,在开发中使程序员和美工更好的协作。
BTW. 以上代码必需放到jQuery(document).ready()中。jquery还有一种jQuery(document).ready()的替代方案:
$(function() {});这种方式要更简洁一些。

Recent Comments