I'm twiting

访问统计

free counters

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() {});这种方式要更简洁一些。

Share on Facebook

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>