반응형
JQuery Core
JQuery 객체 만들기
1 $( html )
html을 JQuery Object로 만든다.
예)
$("<div><i>안녕하세요</i></div>").appendTo("body");
2 $(elems)
자바스크립트 엘리먼트나 엘리먼트 배열을 JQuery 오브젝트로 만든다.
예)
$(document.body).html("<p>으흐흐.</p>");
$(document.form1).html("<p>으흐흐.</p>");
3 $( expr, context )
표현식과 context를 이용하여 JQuery객체를 만든다.
표현식은 여기서 설명해 두었다.
4 $( fn )
$(document).ready()의 짧은 표현이며, 일반 자바스크립트의 document.onload=function(){..}와 대응된다.
예)
$(function(){
//여기에 코딩을하면된다.
//..
//
});
6 eq(pos)
선택된 JQuery오브젝트를 pos번째 JQuery Object만으로 선택.
9 gt(pos)
선택된 JQuery 오브젝트중 pos보다 나중에있는 오브젝트들을 선택.
12 lt(pos)
선택된 JQuery 오브젝트중 pos보다 앞에있는 오브젝트들을 선택.
10 index(subject)
subject의 위치.
11 length
선택된 요소의 갯수.
5 each(fn)
선택된 모든 JQuery Object에대해 fn을 실행.
13 size()
선택된 요소의 갯수.
7 get()
선택된 JQuery오브젝트를 일반 HTML Element로 반환.
8 get(num)
선택된 JQuery 오브젝트중 num번째 오브젝트를 일반 HTML Element로 반환.
이것은 $("div").get(num) 은 $("div")[num]은 같다.
14 $.fn.extend( prop )
간단하게 플러그인을 만든다.
15 $.noConflict()
'$'가 다른 라이브러리등과 충돌하지 않게 함.
JQuery 객체 만들기
1 $( html )
html을 JQuery Object로 만든다.
예)
$("<div><i>안녕하세요</i></div>").appendTo("body");
2 $(elems)
자바스크립트 엘리먼트나 엘리먼트 배열을 JQuery 오브젝트로 만든다.
예)
$(document.body).html("<p>으흐흐.</p>");
$(document.form1).html("<p>으흐흐.</p>");
3 $( expr, context )
표현식과 context를 이용하여 JQuery객체를 만든다.
표현식은 여기서 설명해 두었다.
4 $( fn )
$(document).ready()의 짧은 표현이며, 일반 자바스크립트의 document.onload=function(){..}와 대응된다.
예)
$(function(){
//여기에 코딩을하면된다.
//..
//
});
6 eq(pos)
선택된 JQuery오브젝트를 pos번째 JQuery Object만으로 선택.
9 gt(pos)
선택된 JQuery 오브젝트중 pos보다 나중에있는 오브젝트들을 선택.
12 lt(pos)
선택된 JQuery 오브젝트중 pos보다 앞에있는 오브젝트들을 선택.
10 index(subject)
subject의 위치.
11 length
선택된 요소의 갯수.
5 each(fn)
선택된 모든 JQuery Object에대해 fn을 실행.
13 size()
선택된 요소의 갯수.
7 get()
선택된 JQuery오브젝트를 일반 HTML Element로 반환.
8 get(num)
선택된 JQuery 오브젝트중 num번째 오브젝트를 일반 HTML Element로 반환.
이것은 $("div").get(num) 은 $("div")[num]은 같다.
14 $.fn.extend( prop )
간단하게 플러그인을 만든다.
15 $.noConflict()
'$'가 다른 라이브러리등과 충돌하지 않게 함.
