亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery事件切換

original 2019-03-04 20:48:48 217
abstrait:<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>jQuery事件切換</title>    <script src=&qu

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>jQuery事件切換</title>
   <script src="jquery-3.3.1.js"></script>
   <style>
       div,p{width: 100px;height: 100px;border: 1px solid #ccc;}
   </style>
</head>
<body>
<script>
   // hover(over,out)
   // over:鼠標移上元素上要觸發(fā)的一個函數(shù)
   // out:鼠標移出元素上要觸發(fā)的一個函數(shù)

   //toggle() 如果元素是可見的,就切換為隱藏,否則相反

$(document).ready(function () {
       $('div').hover(
           function(){
               $(this).css('background','red');
           },
           function () {
               $(this).css('color','#fff');
           }
       )
       $('button').click(function () {
           $('p').toggle().css('background','red');
       })

   })
</script>
<div>
   我是內(nèi)容?。?br/></div>
<p></p>
<button>點擊</button>
</body>
</html>

Professeur correcteur:滅絕師太Temps de correction:2019-03-05 09:17:43
Résumé du professeur:可以帶有案例完成作業(yè)(比如導(dǎo)航),不可以只測試老師上課代碼!

Notes de version

Entrées populaires