>웹 프론트엔드 >JS 튜토리얼 >jquery Ready(fn) event_jquery 사용 소개

jquery Ready(fn) event_jquery 사용 소개

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

1. 이벤트 소개
(1) DOM이 로드되고 쿼리 및 조작 준비가 되었을 때 실행될 함수를 바인딩합니다.
(2) < body> 요소. 그렇지 않으면 $(document).ready() 이벤트가 실행되지 않습니다.
(3) $(document).ready() 이벤트는 동일한 페이지에서 무제한으로 사용할 수 있습니다. (4) 거기에 등록된 기능은 (코드 내에서) 순서대로 실행됩니다.
2. 이벤트 형식
$(document).ready(function(){
//jQuery 코드
})
3. 예시

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




ready(fn) 이벤트 ;/ 제목> <br><script type="text/javascript" src="jquery-2.0.3.js"></script> <br><style type="text/css"> <br>본체{ <br>배경색:#CCCCFF; <br>글꼴 크기:24px; <br>글꼴-정렬:센터; body_div{ <br>padding:20px 20px 20px 20px; <br></style> <br><script type="text/javascript"> () { <br>$("input[type='radio']").click(function(){ <br>var se = $("input[name='sex'][type='radio'] :checked ").val(); <br>if(se == "남성"){ <br>alert("남성"); <br>} <br>if(se == "여성"){ <br> 경고("여성"); <br>}) <br>> <br><body> >< ;div class="body_div"> <br><input type="radio" id="male" name="sex" value="male"/>남성<br><input type=" radio" id="female" name="sex" value="female"/>female<br></div> <br></body> <br></html> <br><br> <br>4. 결과는 다음과 같습니다. <br> (1) "남성"을 선택한 경우 <br><br> <br> (2) "여성"을 선택한 경우 <br><br>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.