Language
Language
제이쿼리(jQuery) - 추출
.size() 선택한 요소 배열의 길이를 반환 - version deprecated: 1.8, removed: 3.0 - var num = $("div").size(); ▶ num은 div의 배열 크기를 숫자로 반환한다. .length 선택한 요소의 배열의 길이를 반환한다. - var num = $('div').length; ▶ num은 div의 배열 크기를 숫자로 반환한다 .offSet() 선택한 요소의 전체 문서 내(document)에서의 left, top 좌표를 구한다. - var offset = $('div:last').offset(); ▶ div 마지막 요소의 left, top 좌표 반환 offset.left / offset.top .position() 선택한 요소의 부모요소를 기준으로 left..
제이쿼리(jQuery) - 속성
속성 .addClass() 지정한 요소에 class 값을 추가 $("p").addClass("name"); ▶ class = "name" 추가 .hasClass() 지정한 요소에 class 유무를 확인 if($("p").hasClass("name")==true) ▶ class 가 "name"인지 확인 true/false .removeClass() 지정한 요소에 class 값을 제거 $("p").removeClass("name"); ▶ class = "name"을 제거 .attr() (1) 지정한 요소의 속성값을 입력 또는 변경 $("a").attr("href","http://www.google.co.kr"); ▶ a 요소의 href 값을 변경 $("#content").attr({id:'content01'..
제이쿼리(jQuery) - 제어(확장)
확장 $.noop() : 비어있는 함수 (function(){}) $.noConflict() : 다른 JavaScript 라이브러리와 함께 사용할때 $의 충돌을 막기위해 사용 $.sub() : 새로운 jQuery 함수를 정의할때, 네임스페이스의 충돌로 다른 개발자의 함수에 영향을 주지 않도록 캡슐화된 플러그인을 만들고자 할때 $.sub() 로 복사하여 사용 (function(){ var sub$ = jQuery.sub(); sub$.fn.myCustomMethod = function(){ ⠀⠀⠀return 'just for me'; }; sub$(document).ready(function(){ sub$('body').myCustomMethod() ▶ 'just for me' }); })(); typeo..
제이쿼리(jQuery) - 제어(변경, 변환)
변경, 변환 기본 .text() : 해당 요소에 text 요소를 삽입 또는 변경 .html() : 해당 요소에 html 요소를 삽입 또는 변경 .val() : 해당 요소의 value 값을 삽입 또는 변경 .replaceAll() 해당 요소들로 인자 요소를 대체 $('New heading').replaceAll($("div")); // div 요소를 New heading 요소로 변경한다. .replaceWith() 해당 요소들을 인자의 요소로 바꾼다. replaceAll() 과 선택, 인자(target)이 반대 $("div").replaceWith('New heading'); // New heading 요소로 div 요소를 변경 시킨다. 배열 .toArray() 선택한 요소 DOM 집합을 자바스크립트 배열..
제이쿼리(jQuery) - 제어(삽입,삭제)
삽입 형제의 위치에 삽입 .after() 지정한 요소 뒤에 내용 삽입 A.after(B) A뒤에 B를 추가 코드 $( ".inner" ).after( "Test" ); // class=inner 뒤에 Test 추가 .insertAfter() 지정한 내용을 요소 뒤에 삽입 A.insertAfter(B) B뒤에 A를 추가 코드 $( "Test" ).insertAfter( ".inner" ); // Test를 class=inner 뒤에 추가 같은결과 hello Test .before() 지정한 요소의 앞에 요소를 삽입 A.before(B) A 앞에 B를 추가 코드 $( ".inner" ).before( "Test" ); // class=inner 앞에 Test 추가 .insertBefore() 지정한 요소의 ..
제이쿼리(jQuery) - 제어(선택)
직접선택 .add() 기본 선택자에 요소를 추가 선택 $("p").add("div"); // p 요소와 div 요소를 선택 .not() 선택된 확장집합에서 인자에 해당하는 요소를 제외하고 선택 $("p").not(".green"); // p 요소의 확장집합에서 class가 green인 요소를 제외하고 선택 .end() jQuery 함수를 연쇄적으로(chain)으로 사용할 경우 앞쪽에 이미 선택되었던 요소로 돌아간다. $("ul.first") .find(".foo") .css("background-color","red") // ul의 첫번째 요소에서 class=foo를 찾아 배경 변경 .end() .find(".bar") .css("background-color","green"); // find를 호출하기..