欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

jquery ——bind() - jianson_wu

更新时间: 2015-05-04 00:00:00 责任编辑: Author_N16

 

<!DOCTYPE html>
<html>
<head>
  <script src="../jQuery 1.3.2/jquery-1.3.2.js"></script>
  <script type="text/javascript">
$(function(){
$('#div1').bind('click', function(){
      $('body').removeClass('large');
  $('body').removeClass('small');
});
$('#div2').bind('click', function(){
      $('body').addClass('large');
  $('body').removeClass('small');
});
  $('#div3').bind('click', function(){
      $('body').addClass('small');
  $('body').removeClass('large');
});
});
</script>
<style type="text/css">
#div1 {
background-color: #33FFFF;
height: 100px;
width: 100px;
}
#div2 {
background-color: #33FF00;
height: 100px;
width: 100px;
}
#div3 {
background-color: #3300FF;
height: 100px;
width: 100px;
}
body{ font-size: 12px; font-family: Arial; }
.large{
font-size:20px;
}
.small{
font-size:36px;
}
</style>
</head>
<body>
<div id="div1" class="mydiv"></div>
<div id="div2" class="mydiv"></div>
<div id="div3" class="mydiv"></div>
<div><p>dfjdlfjdlfl</p></div>
</body>
</html>



.bind()用法
点击三个颜色块,触发事件可以改变字体的大小格式等。。。。
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2015-05-04 00:00:00
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/1856935/
本文WWW.DOC100.NET DOC100.NET版权所有。