1. Á¦¾î
- ¼±ÅÃ
.add() : ¿ä¼Ò¸¦ Ãß°¡ ¼±ÅÃÇÑ´Ù.
/ $("p").add("div") // p ¿ä¼Ò¿Í div ¿ä¼Ò¸¦ ¼±ÅÃÇÑ´Ù.
.not() : ¼±ÅÃµÈ È®ÀåÁýÇÕ¿¡¼ ÀÎÀÚ¿¡ ÇØ´çÇÏ´Â ¿ä¼Ò¸¦ Á¦°ÅÇÑ´Ù.
/ $("p").not(".green") // p ¿ä¼ÒÀÇ È®ÀåÁýÇÕ¿¡¼ class°¡ greenÀÎ ¿ä¼Ò¸¦ Á¦°ÅÇÑ´Ù.
.children() : ¿ä¼ÒÀÇ °íÀ¯ÇÑ ÀÚ½ÄÀ¸·Î ±¸¼ºµÈ È®Àå ÁýÇÕÀ» ¹ÝȯÇÑ´Ù.
.contents() : ¼±ÅÃÇÑ ¿ä¼ÒÀÇ ÀÚ½Ä ¿ä¼Ò¸¦ °¡Á®¿Â´Ù.(text node Æ÷ÇÔ)
$('.container').contents().filter(function(){});
// class container ¿ä¼ÒÀÇ ÀڽĿä¼Ò(text Æ÷ÇÔ)¸¦ °¡Á®¿Í filter ÇÑ´Ù. iframe text¸¦ °¡Á®¿Ã¶§ »ç¿ë
.first() : ¿ä¼ÒÀÇ Ã¹¹ø° ³ëµå ¹Ýȯ
.last() : ¿ä¼ÒÀÇ ¸¶Áö¸· ³ëµå ¹Ýȯ
.next() : ¿ä¼Ò ÁýÇÕ³»ÀÇ ¹Ù·Î ´ÙÀ½¿¡ ³ª¿À´Â ÇüÁ¦·Î ±¸¼ºµÈ ¿ä¼Ò ¹Ýȯ
.nextAll() : ¿ä¼Ò ÁýÇÕ³»ÀÇ ´ÙÀ½¿¡ ³ª¿À´Â ¸ðµç ÇüÁ¦·Î ±¸¼ºµÈ È®ÀåÁýÇÕ ¹Ýȯ
.nextUntil() : ¼±Åà ¿ä¼ÒºÎÅÍ ÀÎÀÚ°¡ ³ª¿Ã¶§±îÁö ÁýÇÕÀ» ¼±ÅÃÇÑ´Ù.
/ $("#term").nextUntil("dt").css('background-color', 'red');
// id term ¿ä¼ÒºÎÅÍ dt°¡ ³ª¿Ã¶§±îÁö ÇüÁ¦¿ä¼Ò¸¦ °Ë»öÇÏ°í ¹è°æÀ» red·Î º¯°æ
/ $("#term").nextUntil($("#term2"), "dd").css('background-color', 'red');
// id term ¿ä¼ÒºÎÅÍ id term2 ¿ä¼Ò±îÁö Áß dd ¿ä¼Ò¸¸ ¹è°æÀ» red·Î º¯°æ
.parent() : ¿ä¼Ò ÁýÇÕÀÇ ¹Ù·Î À§ ºÎ¸ð·Î ±¸¼ºµÈ È®Àå ÁýÇÕ ¹Ýȯ
.parents() : ¿ä¼Ò ÁýÇÕÀÇ ¸ðµç Á¶»ó È®Àå ÁýÇÕÀ» ¹Ýȯ. ºÎ¸ð¿Í »óÀ§ ¸ðµç Á¶»óÀÌ Æ÷ÇÔµÇÁö¸¸ ¹®¼·çÆ®´Â ¹ÌÆ÷ÇÔ
.parentsUnitl() : ¼±Åà ¿ä¼ÒºÎÅÍ ÀÎÀÚ°¡ ³ª¿Ã¶§±îÁö ºÎ¸ð ÁýÇÕÀ» ¼±ÅÃÇÑ´Ù.
/ $("#term").parentsUntil("dt").css('background-color', 'red');
// id term ¿ä¼ÒºÎÅÍ dt°¡ ³ª¿Ã¶§±îÁö ºÎ¸ð¿ä¼Ò¸¦ °Ë»öÇÏ°í ¹è°æÀ» red·Î º¯°æ
/ $("#term").parentsUntil($("#term2"), "dd").css('background-color', 'red');
// id term ¿ä¼ÒºÎÅÍ id term2 ºÎ¸ð¿ä¼Ò±îÁö Áß dd ¿ä¼Ò¸¸ ¹è°æÀ» red·Î º¯°æ
.prev() : ¿ä¼Ò ÁýÇÕÀÇ ¹Ù·Î ÀÌÀü¿¡ ³ª¿À´Â ÇüÁ¦·Î ±¸¼ºµÈ È®Àå ÁýÇÕÀ» ¹Ýȯ
.prevAll() : ¿ä¼Ò ÁýÇÕÀÇ ÀÌÀü¿¡ ³ª¿À´Â ¸ðµç ÇüÁ¦·Î ±¸¼ºµÈ È®Àå ÁýÇÕÀ» ¹Ýȯ
.siblings() : ¿ä¼ÒÀÇ ¸ðµç ÇüÁ¦¸¦ Æ÷ÇÔÇÏ´Â È®Àå ÁýÇÕÀ» ¹Ýȯ.
.eq() : ¼±Åà ¿ä¼ÒÀÇ index¹ø° ¿ä¼Ò¸¦ ¼±ÅÃÇÑ´Ù.
/ $("div").eq(2).css('background-color', 'red'); // divÀÇ 3¹ø° ¿ä¼ÒÀÇ ¹è°æÀ» º¯°æ
.index() : ¼±Åà ¿ä¼Ò¿¡¼ ÀÎÀÚÀÇ index ¹øÈ£¸¦ ¹Ýȯ
/ $("div").index($("div:contains('Third')"));
// div ¾È¿¡¼ div¿¡ 'Third'¶ó´Â ´Ü¾î¸¦ Æ÷ÇÔÇÏ°í ÀÖ´Â div index °ª
$.inArray() <jQuery.inArray()> : ´ë»ó ¹è¿ ³»ÀÇ °ªÀ»Ã£¾Æ¼ À妽º¸¦ ¹ÝȯÇÑ´Ù. ; ù¹ø° ¹è¿Àº 0, ¿ä¼Ò°¡ ¾øÀ¸¸é -1
/ $.inArray("John", arr); // arr ¹è¿¿¡¼ "John"ÀÇ À妽º¸¦ ã¾Æ¼ ¹Ýȯ
.find() : ¼±ÅÃµÈ ¿ä¼ÒÀÇ Àڽijëµå¿¡¼ ÀÎÀÚÀÇ ¿ä¼Ò¸¦ ã´Â´Ù.
/ $("#div").find(ul); // id divÀÇ Àڽijëµå¿¡¼ ul ¿ä¼Ò¸¦ ã´Â´Ù.
.filter() : ¼±ÅÃµÈ ¿ä¼Ò¸¦ Æ÷ÇÔÇÑ ³ëµå¿¡¼ ÀÎÀÚÀÇ ¿ä¼Ò¸¦ ã´Â´Ù.
/ $("#div").filter(ul); // id div ³ëµå ÀÚ½ÅÀ» Æ÷ÇÔÇÑ ¿ä¼Ò¿¡¼ ul ¿ä¼Ò¸¦ ã´Â´Ù.
.end() : jQuery ÇÔ¼ö¸¦ ¿¬¼âÀûÀ¸·Î(chain)À¸·Î »ç¿ëÇÒ °æ¿ì ¾ÕÂÊ¿¡ ÀÌ¹Ì ¼±ÅõǾú´ø ¿ä¼Ò·Î µ¹¾Æ°£´Ù.
$('ul:first').find('.foo).css('background-color' , 'red') // ulÀÇ Ã¹¹ø° ¿ä¼Ò¿¡¼ class=foo¸¦ ã¾Æ ¹è°æ º¯°æ
.end().find('bar').css('background-color', 'green'); // find¸¦ È£ÃâÇϱâ ÀüÀÇ ¿ä¼Ò($('ul:first))¿¡¼ class=bar¸¦ ã¾Æ ¹è°æ º¯°æ
.each() : ´ÙÁß ¿ä¼Ò¸¦ ¼ø¼´ë·Î ¼±ÅÃÇÑ´Ù.
/ $("div").each(function(i,element){
// div ¿ä¼Ò¸¦ ¼ø¼´ë·Î ¼±ÅÃÇÑ´Ù. i: ¼ø¼ ½ÃÀÛÀº 0 , element : ¼±ÅÃµÈ ¿ä¼Ò
});
.has() : ÀÎÀÚ¸¦ °¡Áö°í ÀÖ´Â È®ÀåÁýÇÕÀ» ¼±ÅÃ
/ $("li").has("ul"); // li ¿ä¼ÒÁß ulÀ» °¡Áö°í ÀÖ´Â ¿ä¼Ò¸¸ ¼±ÅÃ
.slice() : ¼±ÅÃÇÑ ¿ä¼Ò ÁýÇÕÀ» ÀÎÀÚÀÇ ¹üÀ§·Î À߶󳽴Ù.
/ $("img").slice(2).css(...);
// img ¿ä¼ÒÀÇ ¼¼¹ø° ¿ä¼ÒºÎÅÍ ³¡ ¿ä¼Ò±îÁö css Àû¿ë
/ $("img").slice(2, 4).css(...);
// img ¿ä¼ÒÀÇ ¼¼¹ø° ¿ä¼ÒºÎÅÍ 5¹ø° ¿ä¼Ò¸¦ ¸¸³¯¶§±îÁö(4¹ø°) cssÀû¿ë
/ $("img").slice(-2, -1).css(...);
// img ¿ä¼ÒÀÇ ³¡¿¡¼ µÎ¹ø° ¿ä¼ÒºÎÅÍ ³¡¿¡¼ ù¹ø° ¿ä¼Ò¸¦ ¸¸³¯¶§±îÁö cssÀû¿ë
.clone() : ¼±ÅÃµÈ ¿ä¼Ò¸¦ º¹»çÇÑ´Ù. / $("#img").clone(); // id img DOMÀ» º¹»çÇÑ´Ù.
.closest() : ÇöÀç À§Ä¡ÇÑ ¿ä¼Ò¿¡¼ DOM Æ®¸®¸¦ Ž»öÇÏ¿© ÀÏÄ¡µÈ ¿ä¼Ò¸¦ ¼±ÅÃÇÑ´Ù.
$("#name").closest("ul"); // id name ¿ä¼Ò¿¡¼ °¡Àå °¡±î¿î ulÀ» ¼±ÅÃÇÑ´Ù.
$("#name").closest("ul", "#code"); // id code ¿ä¼Ò ¾Æ·¡ÀÇ id name ¿ä¼Ò¿¡¼ °¡Àå °¡±î¿î ulÀ» ¼±ÅÃÇÑ´Ù.
.andSelf() : ¼±ÅÃµÈ ±¸Á¶ ¿ä¼Ò¸¦ À̾îºÙÀδÙ.
/ $('div').find('p').andSelf().css(..);
// div¿Í ³»ºÎÀÇ p¿ä¼Ò¸¦ ¼±ÅÃÇؼ °áÇÕ ÈÄ css Àû¿ë
.offsetParent() : À§Ä¡(css:position) ¿ä¼Ò¸¦ ±â¹ÝÀ¸·Î ÇÑ ºÎ¸ð ¿ä¼Ò¸¦ ã´Â´Ù.
/ $('li.item-a').offsetParent().css(..); // liÀÇ item-a Ŭ·¡½ºÀÇ css position»ó °¡Àå °¡±î¿î ºÎ¸ð¿ä¼Ò¿¡ css¸¦ Àû¿ë
$.grep() <jQuery.grep()> : ¹è¿ ¿ä¼Ò¸¦ Á¶°Ç¿¡ µû¶ó ÇÊÅ͸µÇÏ¿© Á¦°Å ÇÑ´Ù. ƯÁ¤ ·ÎÁ÷¿¡ ÀÇÇØ true°¡ µÇ´Â °á°ú¸¸ ¹Ýȯ
/ $.grep([0,1,2], function(n,i){ return n>0;});
// ¹è¿ [0,1,2] ¿¡¼ 0º¸´Ù Å«°ªÀ» ¹Ýȯ [1,2]
/ $.grep([0,1,2], function(n,i){ return n>0;}, true);
// ¹è¿ [0,1,2] ¿¡¼ 0º¸´Ù Å©Áö ¾ÊÀº °ªÀ» ¹Ýȯ [0]
$.proxy() <jQuery.proxy()> : jQueryÀÇ ³×ÀÓ½ºÆäÀ̽º¸¦ °ü¸®ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù. "this" Å°¿öµå¸¦ ÅëÇÏ¿© ´Ù¸¥ °³Ã¼¸¦ À¯ÁöÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù.
var app={
config : { clickMessage : Hi!" },
// config ¸Þ¼µå¿¡ clickMessage¸¦ Á¤ÀÇ
clickHandler : function(){ // clicHandler ¸Þ¼µå ÇÔ¼ö Á¤ÀÇ
alert( this.config.clickMessage);
// this:app ÀÇ config ¸Þ½ÃÁöÀÇ clickMessage¸¦ ¾Ë¶÷
}
}
$('a).bind('click', app.clickHandler);
// ½ÇÇàµÇÁö ¾Ê´Â´Ù. jQuery À̺¥Æ® ¸ðµ¨¿¡ ÀÇÇØ this°¡ app ÀÌ ¾Æ´Ï´Ù.
$('a').bind('click', .proxy(app, 'clickHandler'));
// this Å°¿öµå¸¦ À¯ÁöÇÑä ½ÇÇàµÈ´Ù.
- »ðÀÔ
.after() : ÁöÁ¤ÇÑ ¿ä¼Ò µÚ¿¡ »õ·Î¿î ¿ä¼Ò¸¦ »ðÀÔ / A.after( B) / AµÚ¿¡ B¸¦ Ãß°¡
.insertAfter() : ÁöÁ¤ÇÑ ¿ä¼Ò µÚ¿¡ »õ·Î¿î ¿ä¼Ò¸¦ »ðÀÔ
/ A.insertAfter(B) / BµÚ¿¡ A¸¦ Ãß°¡
.append() : ÁöÁ¤ÇÑ ¿ä¼Ò µÚ¿¡ ³»¿ë »ðÀÔ
/ $("div").append("<p>³»¿ë</p>"); // div µÚ¿¡ <p>³»¿ë</p> ¸¦ »ðÀÔÇÑ´Ù.
.appenTo() : ÁöÁ¤ÇÑ ³»¿ëÀ» ¿ä¼Ò µÚ¿¡ »ðÀÔ
/ $("<p>³»¿ë</p>").appendTo($("div")); // <p>³»¿ë</p>¸¦ div µÚ¿¡ »ðÀÔÇÑ´Ù.
.before() : ÁöÁ¤ÇÑ ¿ä¼ÒÀÇ ¾Õ¿¡ ¿ä¼Ò¸¦ »ðÀÔ / A.before(B) / A ¾Õ¿¡ B¸¦ Ãß°¡
.insertBefore() : ÁöÁ¤ÇÑ ¿ä¼ÒÀÇ ¾Õ¿¡ ¿ä¼Ò¸¦ »ðÀÔ
/ A.insertBefore(B) / B ¾Õ¿¡ A¸¦ Ãß°¡
.prepend() : ÁöÁ¤ÇÑ ¿ä¼Ò ¾Õ¿¡ ³»¿ë »ðÀÔ
/ $("div").prepend("<p>³»¿ë</p>"); // div ¾Õ¿¡ <p>³»¿ë</p> ¸¦ »ðÀÔÇÑ´Ù.
.prependTo() : ÁöÁ¤ÇÑ ³»¿ëÀ» ¿ä¼Ò ¾Õ¿¡ »ðÀÔ
/ $("<p>³»¿ë</p>").prependTo($("div"));
// <p>³»¿ë</p>¸¦ div ¾Õ¿¡ »ðÀÔÇÑ´Ù.
.pushStack() : jQuery ½ºÅÿ¡ DOM ¿ä¼Ò¸¦ Ãß°¡ÇÑ´Ù.
/ $("#ids").pushStack($("div"));
// id ids ¿ä¼Ò¿¡ jQuery ½ºÅÿ¡ div ¿ä¼Ò¸¦ Ãß°¡ÇÑ´Ù.
.wrap() : $() Çü½ÄÀ¸·Î ¾²´Â ÇÔ¼öÀÇ ¼±ÅÃÇÑ ¿ä¼Ò °¢°¢À» ¹®ÀÚ¿ ¶Ç´Â °´Ã¼·Î °¨½Ñ´Ù.
./ $(".inner").wrap('<div class="new" />');
// class=inner ÁýÇÕ ¿ä¼Ò °¢°¢À» <div class ="new"></div>
./ $(".inner").wrap(function(){
return '<div class="new" />');
// class=inner ÁýÇÕ ¿ä¼Ò °¢°¢À» <div class ="new"></div>
});
.unwrap() : ¼±ÅÃÇÑ ¿ä¼Ò ÁýÇÕÀÇ ºÎ¸ð¸¦ Á¦°ÅÇÑ´Ù.
./ $(".inner").wrap(); // class=inner ÁýÇÕ ¿ä¼ÒÀÇ ºÎ¸ð¸¦ Á¦°ÅÇÑ´Ù.
.wrapAll() : $() Çü½ÄÀ¸·Î ¾²´Â ÇÔ¼öÀÇ ¼±ÅÃÇÑ ¿ä¼Ò Àüü¸¦ ¹®ÀÚ¿ ¶Ç´Â °´Ã¼·Î °¨½Ñ´Ù.
./ $(".inner").wrapAll('<div class="new" />');
// class=inner ÁýÇÕ ¿ä¼Ò Àüü¸¦ <div class ="new"></div>
.wrapInner() : $() Çü½ÄÀ¸·Î ¾²´Â ÇÔ¼öÀÇ ¼±ÅÃÇÑ ¿ä¼Ò °¢°¢ÀÇ ³»ºÎ¸¦ ¹®ÀÚ¿ ¶Ç´Â °´Ã¼·Î °¨½Ñ´Ù.
./ $(".inner").wrapInner('<div class="new" />');
// class=inner ÁýÇÕ ¿ä¼Ò °¢°¢ÀÇ ³»ºÎ¸¦ <div class ="new"></div> ·Î °¨½Ñ´Ù
- »èÁ¦
.detach() : ÁöÁ¤ÇÑ ¿ä¼Ò¸¦ Æ÷ÇÔ ÇÏÀ§ ¿ä¼Ò ¸ðµÎ Á¦°Å
/ $("div").detach(); // div¸¦ Æ÷ÇÔ ÇÏÀ§ ¿ä¼Ò ¸ðµÎ Á¦°Å
.empty() : ÁöÁ¤ÇÑ ¿ä¼ÒÀÇ ÇÏÀ§ ¿ä¼Ò¸¦ Á¦°Å
/ $("div").empty(); // div ÇÏÀ§ ¿ä¼Ò ¸ðµÎ Á¦°Å
.remove() : ÁöÁ¤ÇÑ ¿ä¼Ò¸¦ Æ÷ÇÔ ÇÏÀ§ ¿ä¼Ò ¸ðµÎ Á¦°Å, ¿ä¼Ò¿Í °ü·ÃµÈ À̺¥Æ®¿Í µ¥ÀÌÅÍ ¸ðµÎ Á¦°Å
/ $("div").remove(); // div Æ÷ÇÔ ÇÏÀ§ ¿ä¼Ò, À̺¥Æ®, µ¥ÀÌÅÍ ¸ðµÎ Á¦°Å
- º¯°æ, º¯È¯
.text() : ÇØ´ç ¿ä¼Ò¿¡ text ¿ä¼Ò¸¦ »ðÀÔ ¶Ç´Â º¯°æÇÑ´Ù.
.html() : ÇØ´ç ¿ä¼Ò¿¡ html ¿ä¼Ò¸¦ »ðÀÔ ¶Ç´Â º¯°æÇÑ´Ù.
.val() : ÇØ´ç ¿ä¼ÒÀÇ value °ªÀ» »ðÀÔ ¶Ç´Â º¯°æÇÑ´Ù.
.replaceAll() : ÇØ´ç ¿ä¼Òµé·Î ÀÎÀÚ ¿ä¼Ò¸¦ ´ëüÇÑ´Ù.
/ $('<h2>New heading</h2>').empty($("div"));
// div ¿ä¼Ò¸¦ <h2>New heading</h2> ¿ä¼Ò·Î º¯°æÇÑ´Ù.
.replaceWith() : ÇØ´ç ¿ä¼ÒµéÀ» ÀÎÀÚÀÇ ¿ä¼Ò·Î ¹Ù²Û´Ù. ; replaceAll() °ú ¼±ÅÃ,ÀÎÀÚ(target)ÀÌ ¹Ý´ë
/ $("div").empty('<h2>New heading</h2>');
// <h2>New heading</h2> ¿ä¼Ò·Î div ¿ä¼Ò¸¦ º¯°æ ½ÃŲ´Ù.
.toArray() : ¼±ÅÃÇÑ ¿ä¼Ò DOM ÁýÇÕÀ» ÀÚ¹Ù½ºÅ©¸³Æ® ¹è¿·Î ¸¸µç´Ù.
/ var arr = $("div").toArray(); // arr[0] === <div>Hello</div>
$.makeArray <jQuery.makeArray()> : jQuery ÁýÇÕÀÇ ¿ä¼Ò °ªÀ» Javascript ¹è¿·Î º¯È¯ÇÑ´Ù.
/ var arr = $.makeArray($("input")); // arr[0] === "Hello"
$.map() <jQuery.map()>
.map() : ¼±ÅÃµÈ ¹è¿ ¿ä¼Ò¸¦ ¼ø¼´ë·Î callback ÇÔ¼ö¸¦ ÅëÇØ ¾ò¾îÁø ¸®ÅÏ°ªÀ» Æ÷ÇÔÇÏ´Â »õ·Î¿î jQuery ¿ÀºêÁ§Æ® »ý¼º
/ var arr = $("div").map(function(){
return $(this).text().toUpperCase(); // ¼±ÅÃµÈ ¿ä¼ÒµéÀÇ text°ªÀ» ´ë¹®ÀÚ·Î º¯°æÇÑ´Ù.
});
/ var arr = $("div").map({width : 10, height: 15} ,function(value, index){
return index; // key¸¦ ¹ÝȯÇÑ´Ù. ["width", "height"]
});
$.globalEval() <jQuery.globalEval()> : ¹®ÀÚ¿·Î ¸í·É¾î¸¦ ½ÇÇà½ÃÄÑÁØ´Ù.
/ $.globalEval("var newVar = true;") // newVar == true
$.merge() <jQuery.merge()> : µÎ°³ÀÇ ¹è¿À» ù¹ø° ¹è¿¿¡ ÇÕĨ´Ï´Ù.
/ $.merge([0,1,2],[2,3,4]); // ù¹ø° ¹è¿ °á°ú : [0,1,2,2,3,4]
/ $.merge($.merge([],[0,1,2]),[2,3,4]);
// ù¹ø° ¹è¿ÀÇ °ªÀ» À¯ÁöÇϱâ À§ÇØ »õ·Î¿î ¹è¿À» ¸¸µç´Ù.
$.trim() <jQuery.trim()> : ¹®ÀÚ¿ ¾ÕµÚ¿¡ ÀÖ´Â °ø¹é ¹®ÀÚ¸¦ Á¦°ÅÇÏ°í °á°ú ¹Ýȯ
/ var trimStr = $.trim(str); // str === " abc def ff "; trimStr === "abc def ff";
$.unique() <jQuery.unique()> : element ¹è¿ÀÇ Áߺ¹µÈ ¸ðµç element¸¦ Á¦°ÅÇÑ´Ù. ; string, number ¹è¿¿¡¼´Â µ¿ÀÛ X
/ var divs = $.unique(divs); // divsÀÇ Áߺ¹ ¼±ÅÃµÇ¾î µé¾î°£ element¸¦ Á¦°ÅÇÑ´Ù.
$.parseJSON() <jQuery.parseJSON()> : JSON¹®ÀÚ¿À» Javascript object·Î ¹ÝȯÇÑ´Ù.
/ var obj = $.parseJSON('{"name":"John"}');
// ¹®ÀÚ¿ {"name":"John"}À» Javascript object·Î º¯È¯ÇÑ´Ù.
/ alert(obj.name==="John"); // JavascriptObjectÀÎ obj¿¡¼ name ¿ä¼ÒÀÎ John
- Âü°í : Çü½ÄÀÌ ¾î±ß³ JSON ¹®ÀÚ¿À» ÀÎÀÚ·Î »ç¿ëÇϸé exceptionÀÌ ¹ß»ýÇÑ´Ù.
¹®ÀÚ¿ÀÇ key ¿Í value ´Â ½Öµû¿ÈÇ¥("")¸¦ »ç¿ëÇØ¾ß ÇÑ´Ù.
$.parseXML() <jQuery.parseXML()> : À¯È¿ÇÑ XML¹®¼¸¦ ÆÄ»óÇÑ´Ù.
$title = $.parseXML(xml).find("title"); // xml ÆÄÀÏ¿¡¼ titleÀÇ °ªÀ» ã´Â´Ù.
- È®Àå
$.noop() <jQuery.noop()> : ºñ¾îÀÖ´Â ÇÔ¼ö (function(){})
$.noConflict() <jQuery.Conflict()> : ´Ù¸¥ Javascript ¶óÀ̺귯¸®¿Í ÇÔ²² »ç¿ëÇÒ¶§ $ÀÇ Ãæµ¹À» ¸·±âÀ§ÇØ »ç¿ë
$.sub() <jQuery.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'
});
})();
typeof jQuery('body').myCustomMethod // undefined
$.extend() <jQuery.extend()> : ù¹ø° ÀÎÀÚ¿¡¼ µÎ¹ø° ÀÎÀÚ¸¦ º´ÇÕÇϸç, È®ÀåÇÑ´Ù.
(1) µÎ¹ø° ÀÎÀÚ°ªÀÌ Ã¹¹ø° ÀÎÀÚ°ªÀÇ °°Àº ¿É¼ÇÀ» ´ëüÇϸç È®Àå
var object1 = { apple : 0, banana : {weight : 52, price : 100}, cherry : 97 };
var object2 = { banana : {price : 200}, durian : 100 };
$.extend(object1, object2);
°á°ú : object1 = { apple: 0, banana: { price: 200 }, cherry: 97, durian: 100 };
(2) ù¹ø° ÀÎÀÚ°ªÀÇ ¿øº» °ªÀ» À¯ÁöÇÏ¸ç º´ÇÕ
var object1 = { apple: 0, banana: {weight: 52, price: 100}, cherry: 97};
var object2 = { banana: {price: 200}, durian: 100};
$.extend(true, object1, object2
°á°ú : object1 == { apple: 0, banana: { weight: 52, price: 200 }, cherry: 97, durian: 100 }
(3) ¿ä¼Ò¿¡ Àû¿ëÇÒ ¸í·É¾î È®Àå
$.fn.extend({
myMethod : function(){...}
});
-> $("div").myMethod();
(4) ÇÔ¼ö ½ÇÇà JQuery ¸í·É¾î È®Àå
$.extend({
myMethod2 : function(){...}
});
-> $.myMethod();