> 웹 프론트엔드 > JS 튜토리얼 > jQuery에서 Button의 클릭 이벤트를 사용하는 방법에 대한 자세한 설명

jQuery에서 Button의 클릭 이벤트를 사용하는 방법에 대한 자세한 설명

黄舟
풀어 주다: 2017-06-27 09:58:22
원래의
5428명이 탐색했습니다.

오늘 막 jQuery를 접했습니다

  $("#Button1").click( function() { alert('我被点了') });
로그인 후 복사

Button1을 클릭해도 응답이 없습니다. 수정하도록 도와주세요


최종 원하는 효과는 Button1을 클릭한 후 textbox1의 값이 비어 있는지 확인하는 것입니다. 비어 있으면 "경고" 팝업이 나타납니다('textbox1은 비워둘 수 없습니다')."

 $(document).ready(function(){
             $("#Button1").bind("click",
                 function() {
                       if($.trim($("#textbox1").val())=="")  
                        {alert('我被点了');}
                   });

});
로그인 후 복사

#은 단지 수정자일 뿐 ID의 사람 부분이 아니라는 점에 유의해야 합니다


<button id="Button1">Button1</button>
로그인 후 복사
<button id="Button1">Button1</button>



$("#Button1").click(function(){
    if( $('.textbox1').val() == "" ){
         alert('textbox1不能为空');
    }
})
로그인 후 복사

추가하지 않았을 수도 있습니다


$(document).ready(function(){
});
로그인 후 복사

이 문장...

아마도 Button1의 ID를 가진

control이 아직 로드되지 않았습니다. 그냥 로드하거나
Head 부분 대신 나중에 실행할 JS 코드를 넣을 수도 있습니다. 이는 SEO에도 좋습니다. 아아아아

위 내용은 jQuery에서 Button의 클릭 이벤트를 사용하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿