오늘도 JQ 클릭 이벤트의'클릭 페이드 이벤트'입니다.

2599 단어 이벤트
쓸데없는 말은 많이 하지 말고 먼저 코드를 붙이고 나서 설명하시오
    <script>
            $(document).ready(function(){
              $("button").click(function(){
                 $("#div1").fadeToggle();
                 $("#div2").fadeToggle("slow");
                 $("#div3").fadeToggle(3000);
              });
            });
    </script>


<p>  fadeToggle()  。</p>
<button> , </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>

요점(Tips):
1、$("button").click({
    });
이것은 클릭 이벤트에 대응하는 단추를 선택하는 관건입니다. 오류가 발생하면 안 됩니다.
 
2、$("#div1").fadeToggle();
이것은 노드를 선택하고 함수를 호출하는 과정이다
 
또한 당신의 html 코드, 노드 ID나 Class 설정에 주의하세요

좋은 웹페이지 즐겨찾기