<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#myTable td").click(function(){
$(this).html(); //普通写法,如果有100个td元素,就要绑定100次事件,十分浪费性能
})
$("#myTable").click(function(e){ //这种点击方式怎么排除父元素????
console.log(e.target);
var $clicked = $(e.target); //e.target 捕捉到触发的元素
console.log(e.target.nodeName); //结果为大写,用toLowerCase() 转换为小写
e.target.nodeName.toLowerCase() == 'table' ? alert('我点中table了') : $clicked.html(); //排除父元素的点击效果
})
// jQuery1.7的on绑定方法,替代了以往的bind、live等方法,内部自动含有事件委托机制
// $(selector).on(event,childSelector,data,function,map) on方法的语法
// $(selector).on(event,childSelector,function(){}) on方法语法,绑定在父元素上 事件,子选择器,回调函数
$("#myTable").on('click','td',function(){
$(this).html();
})
})
</script>
ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。