ȨÀ¸·Î | ¹«·áȸ¿ø°¡ÀÔ | ¾ÆÀ̵ð/ºñ¹øÃ£±â
ÃßõÀ½¾Ç¹æ¼Û
[jQuery] À§Ä¡±â¹Ý Selector
6³â Àü
console.log($("div:first")[0]);  // divÁß Ã¹¹øÂ°
console.log($("div:last")[0]);  // divÁß ¸¶Áö¸·
console.log($("div").find("img")); // divÁß imgű×
console.log($("div").find("img").eq(6));  // divÇÏÀ§¿¡ 7¹øÂ° imgű׸¦ ã´Â´Ù. jQuery °´Ã¼¸®ÅÏÇÑ´Ù.
console.log($("div").find("img").eq(6)[0]); // ÀÌ °æ¿ì ½ÇÁ¦ ³»¿ëÀÌ Ãâ·ÂµÈ´Ù.
console.log($("div").find("img")[6]); // À§¿Í µ¿ÀÏ
------------------
console.log($("div").find("img").first());     // divÇÏÀ§ÀÇ Ã¹¹øÂ° img tag ¸¸¾à div¹­À½ÀÌ 2°³¶ó¸é 2°³¸¦ ¸®ÅÏ
// ±×·¯³ª ¾Æ·¡¿Í °°ÀÌ Ã³¸®Çϸé 2°³ÀÇ ¹­À½Áß Ã¹¹øÂ°¸¸ ó¸®ÇÑ´Ù. ¹ºÁö..
$("div").find("img").first().src = 'gg.gif'; // ÀÌ °æ¿ì div¹­À½Áß Ã¹¹øÂ° ¸¸ ó¸®ÇÑ´Ù.
-----------------
console.log($("div").find("img:eq(0)")[0]);  // div ÇÏÀ§¿¡ ù¹øÂ° img tag
console.log($("div").find("img:eq(0)")[1]);  // À§¿Í µ¿ÀÏÇÏ´Ù ´Ü div Áß imgűװ¡ Á¸ÀçÇÏ´Â µÎ¹øÂ° div
-------------------
// only-childÀÇ »ç¿ë¹ý
// $("p:only-child")  -> À̰æ¿ì pű׸¦ ¸ðµÎ ã´Â´Ù . ÀÌ´Â ¹Ù¶÷Á÷ÇÑ »ç¿ë¹ýÀÌ ¾Æ´Ñµí.. ¾Æ·¡Ã³·³ÇÏÀÚ
// $("div p:only-child") -> ÀÌ·¸°Ô Çϸé div ÀÌÇÏ¿¡ pűװ¡ ÇϳªÀÖ´Â °ÍÀ» ã´Â´Ù.
// $("div img:only-child") -> div¾Æ·¡ imgűװ¡ Çϳª Àִ°Í.
------------------
console.log($("div img:eq(3)"));  // div ¾Æ·¡ÀÖ´Â imgÅÂ±× Áß 4¹øÂ° ³ÑÀ» ã¾Æ¿Â´Ù.
----------------------------------------------
// nth-child
// div ¾Æ·¡ imgűװ¡ 3°³ÀÌ»óÀÎ °ÍÁß 3¹øÂ°¸¦ ã¾Æ¿Â´Ù.  
console.log($("div img:nth-child(3)"));

// img:gt(2)  -> img tagÁß 4¹øÂ°ºÎÅÍ Ã£¾Æ¿Â´Ù. Áï 2->3À̰í 3º¸´Ù Å«°æ¿ì
console.log($("img:gt(2)");
// img:lt(4) -> img tagÁß 5¹øÂ° ¹Ì¸¸ÀÎ °Íµé¸¸ ã¾Æ¿Â´Ù. Áï img tagÀÇ Ã¹¹øÂ°ºÎÅÍ 4¹øÂ°±îÁö ã¾Æ¿Â´Ù.
ÃßõÃßõ : 176 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
3,030
 Á¦ÀÌÄõ¸® ±âº» ¸í·É¾î
3,029
 À¥ÆäÀÌÁö °¡·Î ¸ðµå¼¼·Î ¸ðµå ÀνÄÇϱâ
3,028
 ¸ð¹ÙÀÏ À¥ È­¸é °­Á¦ ȸÀü(°¡·Î¸ðµå °íÁ¤)
3,027
 [HTML5]¿¡¼­ frameset ´ëü ¹æ¹ý°ú iframe ¼Ó¼º
3,026
 HTML <Audio> »ç¿ë¹ý
3,025
 À©µµ¿ì10 ½Ã½ºÅÛÆÄÀÏ ¼Õ»ó (Ãʰ£´Ü ¿À·ù º¹±¸¹æ¹ý!!)
3,024
 PHP ÆÄÀÏ Á¸Àç ¿©ºÎ ÆÄ¾ÇÇϱâ(·ÎÄà ÆÄÀÏ Á¸Àç ¹× ¿ø°ÝÁö ÆÄÀÏ Á¸Àç)
3,023
 [CSS] ¹Ú½º ¼¼·Î °¡¿îµ¥ Áß¾Ó Á¤·Ä 6°¡Áö
3,022
 CSS Layout ¼öÆò & ¼öÁ÷ Á¤·Ä
3,021
 ¿©·¯ µµ¸ÞÀÎµé °£ ÄíŰ °øÀ¯Çϱâ
3,020
 ÅÂ±× »çÀÌ¿¡ ÀÖ´Â ÅØ½ºÆ®¸¦ ÃßÃâ
3,019
 [JQuery] textbox focus on offÀ϶§ ¼ýÀÚ ÄÞ¸¶ º¸¿©ÁÖ±â
3,018
 ÄíŰ »ý¼º,°¡Á®¿À±â,»èÁ¦
3,017
 »ç¿ëÀÚ ÇÔ¼ö ¸ðÀ½
3,016
 ¸¶¿ì½º,Űº¸µå Á¦ÇÑ ( ¿À¸¥ÂÊŬ¸¯,µå·¡±×,¿µ¿ª¼±Åõî..)
3,015
 [HTML5] <video> - DOMÀ¸·Î Á¦¾îÇϱâ
3,014
 HTML5 video ű׿¡¼­ ¿µ»ó Á¿ì¹ÝÀü
3,013
 PHP - ƯÁ¤ ÅÂ±× ¹× ¹®ÀÚ¿­ ÃßÃâ, Á¦°Å
3,012
 [PHP] define°ú definedÀÇ Â÷ÀÌ
3,011
 ¿ìŬ¸¯ ¿Ïº®Â÷´Ü ½ºÅ©¸³Æ®
3,010
 iframe ³ôÀÌ 100% ¸ÂÃß±â
3,009
 curl ÇÔ¼ö¸¦ ÀÌ¿ëÇÑ HTTP REFERER º¯°æ
3,008
 À©µµ¿ì10 ½Ã½ºÅÛ ÆÄÀÏ ¹× Dism °Ë»ç
3,007
 ÅؽºÆ® ÁٹٲÞ, ±ÛÀÚÀÚ¸£±â CSS
3,006
 jQuery Mobile¿¡¼­ À¯¿ëÇÑ ÄÚµå 10°¡Áö.
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æÄ§
Copyright (C) musictrot All rights reserved.