了解选择器简单程序

马蚁狂飙

于 2015-08-24 08:49:16 发布

阅读量337

点赞数

分类专栏： JQuery之路

本文链接：https://blog.youkuaiyun.com/suixiaoxia/article/details/47945771

版权

JQuery之路专栏收录该内容

2 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").fadeTo("slow",0.15);
    $("#div2").fadeTo("slow",0.4);
    $("#div3").fadeTo("slow",0.7);


  });
});


</script>



<script>
$(document).ready(function(){
  $("#div1").click(function(){
     $("#div1").fadeTo("slow",0.1);
  });
});
</script>
</head>

<body>
<p>Demonstrate fadeTo() with different parameters.</p>
<button>Click to fade boxes</button>
<br><br>
<div id="div1" style="width:80px;height:80px;background-color:red;"></div><br>
<div id="div2" style="width:80px;height:80px;background-color:green;"></div><br>
<div id="div3" style="width:80px;height:80px;background-color:blue;"></div>

</body>
</html>

代码功能

是可以点击按钮，3个div变成相应的透明度

点击第一个div，div变成相应的透明度