jQuery - 함수
2022. 9. 4. 14:51
JavaScript/jQuery
$(선택자).동작함수1().동작함수2() 달러($) 기호는 제이쿼리를 의미하고, 제이쿼리에 접근할 수 있게 해주는 식별자이다. - 선택자를 이용하여 원하는 HTML 요소를 선택하고, - 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정한다. jQuery를 사용하기 위해서는 먼저 jQuery 객체를 생성하여야 한다. 생성된 jQuery 객체는 다양한 메소드를 가지는데, jQuery를 학습한다고 하는 것은 대체로 이 메소드를 사용하는 방법을 익히는 것이다. $() // jQuery() 함수의 축약형 jQuery() 함수는 전달되는 인수의 종류에 따라 다른 움직임을 하지만 결국 jQuery 객체를 반환한다. 인수의 종류에 따라 jQuery() 함수가 어떻게 동작하는지 살펴보도록 하자. CSS 스타일의 ..
jQuery - radio, checkBox
2022. 9. 4. 13:31
JavaScript/jQuery
radio 제어 스마트폰 통신사 : SKT KT LGT 브랜드 : 삼성 Apple LG 선택된 값 가져오기 $("input[name='radio의 name값']:checked").val(); //ex)$("input[name='telecom']:checked").val(); 값 강제로 선택시키기 $("input[name='radio의 name'][value='선택할 값']").prop("checked", true); //$("input[name='telecom'][value='skt']").prop("checked", true); checkbox 제어 좋아하는 브랜드를 선택하세요 아크네 스튜디오 버버리 루이비통 구찌 지방시 오프화이트 체크박스 선택된 개수 가져오기 $("input[name='checkBo..

jQuery - .click() 선택한 요소를 클릭했을 때 특정 작업을 하는 메서드
2022. 9. 4. 13:22
JavaScript/jQuery
.click() .click()은 선택한 요소를 클릭했을 때 특정 작업을 수행할 수 있게 하는 속성입니다. 문법 .click( handler ) 예를 들어 button 요소를 클릭했을 때 함수를 실행시키고 싶으면 다음과 같이 합니다. $( 'button' ).click( function() { // function } ); 예제 저장 $(document).ready(function () { $("button[name='save']").click(function () { $("body").append("click!!! "); }); }); name속성이 save인 button요소를 클릭하면 click()이벤트 처리로 body태그에 click!!!을 찍어냅니다. on() 이번엔 on() 메소드입니다. on(..