                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(三)—事件篇

這里的".right"是怎么回事。

<!DOCTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<style>
????.left?div,
????.right?div?{
????????width:?500px;
????????height:?100px;
????????padding:?5px;
????????margin:?5px;
????????float:?left;
????????border:?1px?solid?#ccc;
????}
????
????.left?div?{
????????background:?#bbffaa;
????}
????
????.right?div?{
????????background:?yellow;
????}
????</style>
????<script?src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
????<h3>事件對象的屬性與方法</h3>
????<div?class="left">
????????<div?id="content">
????????????外層div元素
????????????<br?/>
????????????<span?style="background:?silver;">內層span元素</span>
????????????<br?/>?外層div元素
????????</div>
????????<br?/>
????????<div?id="msg"></div>
????</div>
????<script?type="text/javascript">
????//為?<span>?元素綁定?click?事件??
????$("span").click(function()?{
????????$("#msg").html($("#msg").html()?+?"<p>內層span元素被單擊</p>");
??????//??event.stopPropagation();
????});
????//為?Id?為?content?的?<div>?元素綁定?click?事件??
????$("#content").click(function(event)?{
????????$("#msg").html($("#msg").html()?+?"<p>外層div元素被單擊</p>");
????????event.stopPropagation();?//阻止事件冒泡??
????});
????//為?<body>?元素綁定?click?事件??
????$("body").click(function()?{
????????$("#msg").html($("#msg").html()?+?"<p>body元素被單擊</p>");
????});
????</script>
</body>
</html>

為嘛這里的".right"沒有在body中出現，為嘛還要在css樣式中設置它的樣式