>웹 프론트엔드 >JS 튜토리얼 >jQuery_jquery의 변경 이벤트 사용 예

jQuery_jquery의 변경 이벤트 사용 예

WBOY
WBOY원래의
2016-05-16 16:24:131283검색

이 기사의 예에서는 jQuery의 변경 이벤트 사용법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

change 이벤트는 일치하는 요소가 포커스를 잃거나 해당 값이 포커스를 얻고 변경될 때 트리거됩니다.

완전한 이벤트 프로세스에는 이벤트를 트리거할 수 있는 조건뿐만 아니라 이벤트 핸들러도 있어야 합니다.
change() 메서드를 통해 이벤트 핸들러를 변경 이벤트에 바인딩할 수 있습니다. 예:

코드 복사 코드는 다음과 같습니다.
$("input").change(function(){$( "입력" ).css("배경색상","녹색")})

위 코드는 함수 함수를 이벤트 핸들러로 변경() 메서드를 통해 변경 이벤트에 바인딩하는 코드입니다. 이 함수는 변경 이벤트가 트리거될 때 호출됩니다.
예제 코드:

코드 복사 코드는 다음과 같습니다.






스크립트 홈
<스크립트 유형="텍스트/자바스크립트"> $(문서).ready(함수(){
$("입력").change(함수(){
$("입력").css("배경색상","녹색")
})
})
스크립트>

텍스트 상자 텍스트를 변경하면 이벤트가 실행됩니다

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.