함수 사용법 .attr(attributeName) // 속성값 가져오기 .attr(attributeName, val) // 속성값 제어하기 // 속성값 가져오기 //div 요소의 id 속성의 값을 가져옴 $('div').attr('id'); //id 요소가 "test" 인 placeholder 속성 값을 가져옴 $('#test').attr('placeholder'); //body 요소의 class 속성의 값을 가져옴 $('body').attr('class'); //id 요소가 "test1" 인 value 속성 값을 가져옴 $('#test1').attr('value'); //속성값 제어하기 //div 요소의 id 속성의 값을 'Tistory'로 변경하기 $('div').attr('id', 'Tistory'..

$('form#myForm').submit(); 해당 form 에 action url을 선언 후 .submit() 를 실행하면, 위 소스에서처럼 main/search 라는 컨트롤러를 찾아서 검색을 실행하게 연동할 수 있습니다. url은 언제든 원하는대로 변경해서 호출하면 form을 넘겨서 처리할 수 있습니다!

$(선택자).동작함수1().동작함수2() 달러($) 기호는 제이쿼리를 의미하고, 제이쿼리에 접근할 수 있게 해주는 식별자이다. - 선택자를 이용하여 원하는 HTML 요소를 선택하고, - 동작 함수를 정의하여 선택된 요소에 원하는 동작을 설정한다. ​jQuery를 사용하기 위해서는 먼저 jQuery 객체를 생성하여야 한다. 생성된 jQuery 객체는 다양한 메소드를 가지는데, jQuery를 학습한다고 하는 것은 대체로 이 메소드를 사용하는 방법을 익히는 것이다. $() // jQuery() 함수의 축약형 jQuery() 함수는 전달되는 인수의 종류에 따라 다른 움직임을 하지만 결국 jQuery 객체를 반환한다. 인수의 종류에 따라 jQuery() 함수가 어떻게 동작하는지 살펴보도록 하자. CSS 스타일의 ..

confirm("표시할 문구"); confirm() 예제 - 확인창 띄우기 클릭 confirm() 정의 확인 취소 버튼 달린 확인메세지창 띄우기 1. 과도하게 사용 시 사용자에게 불편 초래하니 주의 ! 2. (확인・취소) 버튼만 가능. (예・아니오) 버튼으로 커스텀 불가. 대신, 모달 또는 팝업 플러그인 이용. 3. 주요 브라우저가 모두 지원. confirm() 구문 confirm(message) [매개변수] message 필수. 메세지 내용 [반환값] 확인 (OK) 클릭 시, TRUE 반환. 취소 (Cancel) 클릭 시, FALSE 반환.

자바스크립트에서 값을 선언할 떄는 크게 2가지 종류가 있다. 1. 변수 2. 상수 let a = 1; console.log(a); a = 2; let b = 'devilcute'; console.log(a); 위의 코드처럼 let 이라는 키워드를 이용해서 변수를 설정해 줄 수 있고 첫번쨰 a값과 두번쨰 a의 값이 다른 것을 보면 값이 바뀐 것을 확인 할수 있다. 하지만 동일한 이름으로 선언해주지는 못하는데 let a = 1; let a = 3; 이런 식으로 해주게 되면 a라는 변수가 이미존재하기 때문에 에러가 난다. 변수가 변하는 값을 넣을 수 있는 것이면 상수는 "변하지 않는 값"이다. java를 조금 다뤄보신 분들은 상수라는 단어를 들으면 final static ~~이 떠오르실텐데 비슷한 개념입니다...

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..

.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(..