jquery

[jQuery] jQuery 요소 선택자, 직렬화 ✔️ 요소 선택자 - ':' 를 사용 -- 특정 요소를 선택할 수 있는 선택자 :button : type 속성값이 "button"인 요소를 모두 선택한다. $(":button") :checkbox : type 속성값이 "checkbox"인 요소를 모두 선택한다. $(":checkbox") :file : type 속성값이 "file"인 요소를 모두 선택한다. $(":file") :image : type 속성값이 "image"인 요소를 모두 선택한다. $(":image") :password : type 속성값이 "password"인 요소를 모두 선택한다. $(":password") :radio : type 속성값이 "radio"인 요소를 모두 선택한다. $(..

[jQuery] jQuery event 이벤트 ✔️ jQuery 이벤트 -- 이벤트의 연결(event binding) $("selector").click(function(event) { // 실행하고자 하는 jQuery 코드 }); $("selector").bind("click", function(event) { // 실행하고자 하는 jQuery 코드 }); $("selector").on("click", function(event) { // 실행하고자 하는 jQuery 코드 }); $("body").on({"click": function(event) { // 실행하고자 하는 jQuery 코드 }}, "selector"); $("body").on("click", "selector", function(eve..

[jQuery] jQuery css , attr 추가, 프로퍼티 설정 ✔️ jQuery css -- css .css() : css() 메소드는 선택한 요소 집합의 첫 번째 요소의 스타일 속성값을 반환하거나, 선택한 요소의 스타일 속성을 인수로 전달받은 값으로 설정한다. --속성명 설정 방식 - JavaScript에서는 하이픈(-)으로 연결된 CSS 속성 명을 사용할 때, 하이픈(-)을 제거하고 이름을 camelCase 방식으로 바꿔서 사용해야 한다. font-size => fontSize로 변경해서 사용해야 함 - jQuery의 .css() 메소드에서는 하이픈(-)으로 연결된 CSS 속성 명과 camelCase 방식의 속성 명을 둘다 사용할 수 있다. font-size, fontSize 둘다 사용 가능 ..

[jQuery] jQuery parent_closest , find, children ✔️ jQuery parent -- 상위(ancestor:조상) 요소의 탐색 .parent( [selector] ) : 선택한 요소의 부모(parent) 요소를 선택한다. .parents( [selector] ) : 선택한 요소의 상위(ancestor) 요소를 모두 선택한다. .parentsUntil( [selector] [,filter] ) : 선택한 요소의 상위 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다. .closest( selector ) : 선택한 요소를 포함한 상위 요소 중에서 지정한 선택자에 해당하는 요소 중 가장 첫 번째 요소를 선택한다. 📓 예제 1 $(functio..

[jQuery] jQuery append 요소 추가, 요소 삭제 ✔️ jQuery append -- 요소 추가 : 기존 요소의 내부에 추가 .append() : 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가한다. .prepend() : 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다. .appendTo() : 선택된 요소를 해당 요소의 마지막에 추가한다. .prependTo() : 선택된 요소를 해당 요소의 첫번째에 추가한다. 📓 예제 1 $(function(){ //마지막에 새로운 요소 추가 $(".box1 ul ").append("C/C++"); $("HTML 5").appendTo(".box2 ul"); //위치가 다름. //첫번째에 새로운 요소 추가하기. $(".box3 ul ").p..

[jQuery] jQuery 정의 셀렉터 요소 접근 ✔️ jQuery 사용하기 - jQuery( elements ) Returns : jQuery - jQuery(원소), jQuery(원소.원소.원소) : 실행후 jQuery객체를 반환 하나 또는 다단계의 문서 원소로서 사용할수 있다. - $()은 $(document).ready() 의 짧은 표현으로 사용가능하다. - $(document).ready() 은 문서가 사용가능한 시점을 자동으로 인식하여 주어진 콜백 함수를 동작시킨다. - 콜백함수란 지정된 행위가 끝난다음 자동적으로 실행될 함수를 의미한다. ✔️ jQuery 셀렉터 * : 모든 요소와 일치 태그 : 지정된 태그와 일치 #아이디 : 요소의 id 속성값과 일치 .클래스명 : 요소의 class 속성..