WEB/jQuery 32

DOMSubtreeModified

html 내용이 변경된것을 감지하려면, onchange를 사용하는 것이 아니라, DOM변경을 감지하는 이벤트(DOMSubtreeModified)를 씁니다. 크로스브라우징을 지원하려면, 아래처럼 두개 이벤트를 같이 사용하면 되구요~ DOMSubtreeModified : IE9이상, 나머지 브라우저 지원 propertychange : IE9미만 지원 $(function(){ $('.amount.final').on('DOMSubtreeModified propertychange', function() { $('#summary_total_price').text( $(this).text() ); }); }); 알타블루 16-12-28 13:53 소스보기 네. 답변 감사합니다. 알려 주신 소스로 해보고 있습니다. 아..

WEB/jQuery 2019.07.11

jQuery for node(elements)

1. 노드 찾기 - 태그 이름으로 노드 찾기 : $("태그이름"), $("선택자") - 클래스 이름으로 노드 찾기 : $(".클래스이름") - ID로 노드 찾기 : $("선택자") - 속성으로 노드 찾기 : $("[속성이름=값]") - 찾은 요소 개수 구하기 : .size() , .length - 찾은 요소 n번째 접근하기 : .eq(index) , .each(function(index){}); - 찾은 요소에서 특정요소만을 걸러내기 : .filter("선택자") - 찾은 요소에서 특정 자식요소만 찾기 : .find("선택자") 2. 자식 노드 찾기 - 전체 자식 노드 찾기 -- 텍스트 노드 포함 전체 자식 노드 찾기 : $("선택자").contents() -- 텍스트 노드 제외한 전체 자식 노드 찾기 ..

WEB/jQuery 2019.07.10

jQuery 에서 다룰 수 있는 Element 요소에 대한 고찰

element.style.display; // '' element.hide(); element.style.display; // 'none' jQuery 에서 다룰 수 있는 요소는 jQuery Object로 정의되고 있는데, 이에 해당하지 않는 경우에, jQuery function을 사용하여 Method Chaining을 사용하거나, 함수를 연계시킬 경우 ".css is not a function" ".hasClass is not a function" 등의 에러메세지를 볼 수 있다. Stack Overflow 의 질문 중에 하나를 살펴보면 에서 .hasClass is not a function 이 발생했다고 뜨는데, 이 부분에 대해서 Problem is the index you are pulling fro..

WEB/jQuery 2019.07.10

jQuery API 정복 - 자식 요소들 찾기, children()

.children( [ selector ] ) 함수는 필터된 선택자와 일치하는 요소들 각각의 자식 요소들을 가져올 수 있습니다.원문 링크 http://api.jquery.com/children/.children( [ selector ] )Returns: jQuery.children( [ selector ] )selector 일치하는 요소들 중에서 추가적으로 선택할 수 있는 선택자 문자열jQuery 객체는 DOM 요소들의 집합으로 표현됩니다. .children()함수는 DOM 트리에서 자식 요소들을 즉시 찾을 수 있도록 해주고 일치되는 요소들을 새로운 jQuery 객체로 만들어 줍니다. .find()와 .children()함수는 아주 유사하지만 DOM 트리에서 레벨 1의 위치- 첫번째 깊이-만 검색을 하는..

WEB/jQuery 2018.05.21

jQuery.getScript, JavaScript 파일을 로드하고 실행

Query.getScript()원문 링크 http://api.jquery.com/jQuery.getScript/jQuery.getScript( url [, success(script, textStatus, jqXHR)] )Returns : jqXHR개요 : HTTP GET 방식 요청을 통해 서버로부터 받은 JavaScript 파일을 로드하고 실행합니다.jQuery.getJSON( url [, data] [, success(data, textStatus, jqXHR)] )url 정보를 요청할 URLsuccess(data, textStatus, jqXHR) 요청이 성공하면 실행될 콜백 함수이 함수의 가장 간단한 사용법은 아래와 같습니다.$.ajax({ url: url, dataType: "script", s..

WEB/jQuery 2018.04.19