Jquery学习笔记(二)
1.链式操作:
例如在Jquery学习笔记一中鼠标移向行行的背景颜色改变,移出行行的背景颜色恢复中使用Jquery编写的Js代码中有一段
<script type="text/javascript">
$(document).ready(function(){
$("#tbl tr").mouseover(function(){$(this).addClass("over")})
$("#tbl tr").mouseout(function(){$(this).removeClass("over")})
});
</script>
可以写成
<script type="text/javascript">
$(document).ready(function(){
$("#tbl tr").mouseover(function(){$(this).addClass("over")}).mouseout(function(){$(this).removeClass("over")})
});
</script>
因为鼠标移入移除都是发生在同一个对象上的,所以我们可以将发生在同一个对象上的动作连起来写,这样子如果有很多对象并且在他们身上发生了很多动作那么就会节省很多代码。(我暂时是这样理解的,也不知道对不对希望高手能够斧正。)