프로그래밍 노트/JQuery

이런상황에 있다. ~ 3.8 만약 이 상황에서 태그 앞에 있는 ~ (textNode)를 찾아서 지우고 싶다면 어떡할까? stackoverflow검색결과 jquery에서는 지원하는 함수가 없는것 같다. native DOM element의 프로퍼팅니 previousSibling을 활용해서 텍스트 노드를 찾을 수 있다. 만약 jquery랑 짬뽕한다면 아래와 같이 되겠다. $(span태그)[0].previousSibling.remove(); if($(span태그)[0].previousSibling.noteType == 3){ // do Something }

$(selector).parent(selector) - 바로 위에 있는 요소를 선택 $(selector).parents(selector) - 선택한 대상 위에 있는 특정태그 모두 선택

Id, name, class로 찾기 // id로 접근시 $("#id") $("#form_id") // class로 접근시 $(".class") $(".section") // name으로 접근시 $("tag_name[name=name]") $("input[name=search_value]") => 태그이름 뒤 대괄호안에 [ ] 태그가 갖고있는 속성을 명시해서 엘리먼트를 찾을 수 있다. => name뿐아니라 $("input[value='TEST']") 이런식도 가능하다. // tag이름으로 접근시 $("tag_name") $("input") 그렇다면 특정 폼안에 있는 요스를 찾고싶을 땐? $('#form [name="param"]').val(); // selector뒤에 빈칸을 ..

.load() Bind an event handler to "load" Javascript event. .ready() Specify a functino to execute where the DOM is fully loaded. 브라우저가 HTML파일을 읽어오는 순서 웹 브라우저 접속 웹 문서 읽기 (브라우저가 웹문서를 읽기 시작함) DOM 생성 (DOM이 생성되면 ready 메소드 실행) 이미지를 포함한 요소들이 로드되기 시작 페이지 로딩 완료 (모든 요소들이 로드가 완료되면 load 메소드 실행) DOM이 생성되면 발생하는 이벤트 ready 모든 요소들이 로딩완료되면 발생하는 이벤트 load // jquery 1.8 이상 $(window).load(function() {}); // deprecated..