jQuery的单击触发事件学习和例

转载于 2012-03-29 14:47:00 发布 · 62 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/huangyong8585/archive/2012/03/29/2423390.html

文章标签：

#javascript #ViewUI

本文通过一个简单的示例展示了如何使用CSS样式和jQuery来实现网页元素的交互效果。具体包括了基本的HTML结构设置、CSS样式的定义以及jQuery点击事件的应用。

    <body>
<div></div>
<div id="b"></div>
<div></div>
<div></div>
<div></div>
<div></div>
</body>

<style>
div{height:100px;width:100px;border:1px solid #ccc;margin-bottom:10px; background-color:white; cursor:pointer;}
</style>

<script type="text/javascript">
$(function(){//记得将事件放在function里面。
    $("div").click(function(){
if($(this).is("#b")){$(this).css("backgroundColor","red");}
else{$(this).css("backgroundColor","green");}
    })
})

/*$(function(){
    $("#b").click(function(){
        $("#b").css("backgroundColor","#f60")
    })
})*/
</script>