本范例演示了如何通过预定义的点击事件给标签加上样式
查看演示页面 View Demo 查看全部代码 View Code
在网页<head>区添加以下代码
<script type="text/javascript" src="http://www.sharejs.com/software/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){$("#head").click(function(){$(".content").addClass("c_style");});});
</script>
<style type="text/css">
p,div{margin:0;padding:0;}
#head{width:280px;background:#ddd;height:20px;border-top:1px solid #aaa;border-right:1px solid #aaa;border-left:1px solid #aaa;}
.content{width:280px;background:#adf;height:350px;border-left:1px solid #aaa;border-right:1px solid #aaa;border-bottom:1px solid #aaa;margin-top:0px;}
.c_style{background:#daf;}
</style>
上面的代码为ID="head"的标签预定义了一个click事件，点击后为ID="content"的标签添加样式
在网页<body>区添加以下代码
<p id="head">单击这里</p>
<div class="content">
1,首先把JQ导入.
2,然后开始写函数了。$(document).ready(function(){});
3,获取标签能直接 $("标签")。给标签注册onclick事件直接可以 click.
4,核心代码:
$("#head").click(function(){$(".content").addClass("c_style");});
5,功能:通过单击id为control的元素改变id为box元素的样式
知识点:addClass()添加样式
</div>
