집 > 기사 > 웹 프론트엔드 > jquery에서 클릭 이벤트를 바인딩하는 방법

jquery에서 클릭 이벤트를 바인딩하는 방법

王林원래의: 2020-11-26 09:17:237087검색

jquery 바인딩 클릭 이벤트 방법: [$("#text").bind("click",function(){});]. 바인드 메소드는 선택된 요소에 하나 이상의 이벤트 핸들러를 추가하고 이벤트가 발생할 때 실행할 함수를 지정합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, jquery 버전 2.2.4 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

(학습 영상 공유: jquery 영상 튜토리얼)

함수 소개:

bind() 메소드는 선택된 요소에 하나 이상의 이벤트 핸들러를 추가하고 이벤트가 발생할 때 실행할 함수를 지정합니다.

구문:

$(selector).bind(event,data,function)

매개변수:

이벤트 필수입니다. 요소에 추가할 하나 이상의 이벤트를 지정합니다. 여러 이벤트는 공백으로 구분됩니다. 유효한 이벤트여야 합니다.
데이터 선택사항. 함수에 전달될 추가 데이터를 지정합니다.
기능 필수입니다. 이벤트가 발생할 때 실행할 함수를 지정합니다.

jquery 동적 바인딩 클릭 이벤트 구현 코드의 일부는 다음과 같습니다.

<script type="text/javascript">
$(document).ready(function(){
    $("#text").bind("click",function(){
        alert("我的id为text，你点击时触发");
    });
    
    $("#text1").on("click",function(){
        alert("hellworl");
    });
    
    $("#text2").click(function(){
        alert($("#text2").val());
        
    });
});
    
    
</script>
<body>
    
    <input id="text" type="button" value="点击"/> 
    
    <input id="text1" type="button" value="点击"/> 
    
    <input id="text2" type="text" value="love"/> 
</body>

jquery에서 클릭 이벤트를 바인딩하는 방법

관련 기사