코드 정리/JQuery
-
Jquery #2 선택자코드 정리/JQuery 2021. 5. 12. 09:29
:button은 type이 button 인 요소를 선택하는 선택자입니다. 문법 $(':button') 예제 $(:button).hide(); type이 button인 요소를 모두 숨깁니다. $('.btn:button').val(); type이 button 이면서 class 이름이 btn인 요소의 밸류를 가져옵니다. :contains()는 특정 문자열을 포함한 요소를 선택합니다. 문법 $(':contains(Hello)') 주의! 문자열 포함 여부를 따질 때 대소문자를 구분합니다. 예제 $(document).ready(function() { $('.text:contains("hello")').css('color', 'red'); }); Hello hello 위 코드를 실행하면 두번째 div의 글자를 빨간색..
-
Jquery #1 사용하기코드 정리/JQuery 2021. 5. 12. 09:19
JQuery 사용하기 1. 라이브러리 링크 HTML 문서에 다음 코드를 추가합니다. 블록 아랫줄에 추가합니다. 아래 링크는 라이브러리를 최신 버전으로 불러옵니다. 2. 다른 라이브러리와 충돌 JQuery는 '$'를 Alias로 사용합니다. 다른 라이브러리에서 '$'를 함수로 사용하면 JQuery가 제대로 작동하지 않을 수 있습니다. 해결 방법은 아래와 같습니다. 2-1. 아래의 코드를 넣으면 기본 Alias를 '$'로 사용하지 않도록 합니다. jQuery.noConflict(); 사용 방법은 아래와 같습니다. jQuery.noConflict(); jQuery(document).ready(function( $ ) { jQuery(document).val(); }); 기본 Alias 대신 jQuery를 입력..