제이쿼리 data() 함수 - html 태그의 속성중에서 사용자 정의 속성으로 data-target = "target" 이라는 속성을 정의할 수 있다. - 로 이루어진 태그에 data-target 이라는 속성을 data() 함수로 정의할 수 있고 저장된 "target"이라는 값을 얻어올 수도 있다. data() 함수 Setter $("#divtag").data('target',"target"); data() 함수 Getter var data = $("#divtag").data('target'); console.log(data); // target
AJAX ajax를 사용해서 서버와 데이터를 주고 받는다. 1. 브라우저 -> (데이터 + 요청) -> 서버 2. 브라우저 -> (요청) -> 서버 -> (데이터) -> 브라우저 3. 브라우저 -> (데이터 + 요청) -> 서버 -> (데이터) -> 브라우저 ajax 구현 방법 1. 순수 자바스크립트로 구현 ajax 객체(서버와 통신하는 무전기, 소켓) var ajax = new XMLHttpRequest(); 2. jQuery Ajax 구현(O) jQuery Ajax를 사용해서 서버에게 데이터를 주고 & 서버로부터 데이터를 받아라 Ajax 기본 예제 $.ajax({ type: "GET", //요청 메소드 방식 url:"/AjaxTest/ex01.do", dataType:"text", //서버가 요청 U..
CSS : 1.태그검색 -> 2. 속성제어- javascript : 1. 태그검색 -> 속성,PCDATA,CSS제어- jQuery : 1. 태그검색(BOM,DOM) -> 개량 -> 2 속성, PCDATA, CSS 제어 개량 div 태그에 모두 글자색 red 주기1. DOM 1234var div = document.getElementsByTagName("div");for(var i =0; i No!! jQuery는 모든 선택자를 활용 가능! $(CSS 선택자) 함수 - 태그를 검색해서 반환하는 역할jQuery는 태그를 찾을 때 BOM이나 DOM을 사용하지 않고 CSS 선택자를 사용한다. A. 태그선택자-> $("div").css("color","blue"); 위에 내용과 비슷함.B. 아이디 선택자-> $(..
children(selector) 함수 - 선택자에 의해 매치된(matched) element(요소,태그)의 child객체를 반환한다. - 반환된 child객체는 JQuery 객체이다. 그러므로 반환된 객체의 children()을 사용하면 원래 객체의 자손의 자손들을 반환한다. - children () 함수는 find() 함수와 다릅니다. children() 함수는 DOM 트리 아래로 단일 레벨을 이동하는 반면 find() 함수는 여러 레벨을 탐색하여 하위 요소 (손자 등)를 선택할 수 있습니다. - 대부분의 jQuery 메서드와 마찬가지로 children() 함수는 텍스트 노드를 반환하지 않습니다. - 텍스트 및 주석 노드를 포함한 모든 하위 항목을 가져 오려면 contents()함수를 사용해야 합니다..
find() 함수- 매개변수 : selector(#id .class), Jquery객체, element- 요소의 하위에 속한 요소들을 selector, Jquery 객체, 자바스크립트 객체를 통해서 가져온다.- 제이쿼리에 사용할 수 있으며 () 매개변수 안에 selector가 들어갈수 있다. 출처 : jquery api1234567891011121314151617 I II A B 1 2 3 C IIIcs 만약 item-ii 라는 클래스를 가진 li 태그를 찾고싶다면(말그대로 find) 1$( "li.item-ii" ).find( "li" ).css( "background-color", "red" );cs 이렇게 찾아서 처리할 수 있습니다.해석해보자면 li태그인데 item-ii 클래스를 가진 li 태그를 ..
