点击换色换内容

abstract：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&

<!DOCTYPE html>
<html>
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>获取随机色</title>
    <script type="text/javascript" src="http://ph7.shengqianku.cn/jquery-3.3.1.min.js"></script>
    <style type="text/css">
		a {
			float:left;
			display:block;
			margin:50px;
			width:100px;
			line-height: 100px;
			text-align: center;
			height:100px;
			color:#000;
      border-radius: 50px;
      text-decoration: none;
		}
    </style>

    <script type="text/javascript">
        function aa(tag) {
           var len=document.getElementsByTagName(tag).length
           for(var i=0;i<len;i++){
            document.getElementsByTagName(tag)[i].style.backgroundColor='rgb('+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+')'
           }
        }
        $(document).ready(function(){
            aa('a')
            var u=0
            $('button').click(function(){
              aa('a')
              u++
              $('a').text(u)
            })
        })
    </script>
   </head>
   <body>
    	<a href="#">1</a>
		<a href="#">2</a>
		<a href="#">3</a>
		<a href="#">4</a>
    <button>点击变色</button>
   </body>
</html>

Correcting teacher：天蓬老师Correction time：2019-04-14 21:56:19
Teacher's summary：$(document).ready(function() 以后就直接用一个匿名函数就可以了: $()

点击换色换内容

Popular Entries