Javascript & JQuery & CSS > JQuery Selector - Form ÅÂ±× ÁöÁ¤ ¹æ¹ý
µî·ÏÀÏ : 2017-07-04 19:44
Á¶È¸¼ö : 53,763
FormÇÊ´õ´Â ¸» ±×´ë·Î Formű׸¦ ÁöÁ¤ÇÏ´Â ÅÂ±× ÀÔ´Ï´Ù.
´Ùµé ¾Æ½Ã´Ù½ÃÇÇ Æû ű׿¡´Â radiobutton, checkbox, submitµîÀÌ ÀÖ½À´Ï´Ù.
»ç¿ë ¹æ¹ýÀº ±âº» ÇÊÅÍ¿Í °°½À´Ï´Ù.
´Ù¸¸ Æûű׸¦ »ç¿ëÇÑ´Ù »Ó ÀÌ°ÚÁÒ?
Æû ÇÊÅÍ Áß·ù¸¦ º¸µµ·Ï ÇÏ°Ú½À´Ï´Ù.
:button
- ¹öÆ° ű׸¦ ¹Ýȯ ÇÕ´Ï´Ù.
:checkbox
- üũ¹Ú½º ű׸¦ ¹Ýȯ ÇÕ´Ï´Ù.
:checked
- üũ¹Ú½º¿¡ ü±×°¡ µÈ ¿¤¸®¸ÕÆ®¸¦ ¹Ýȯ ÇÕ´Ï´Ù.
:image
- À̹ÌÁö ű׸¦ ¹Ýȯ ÇÕ´Ï´Ù.
:input
- ÀÎDzű׿¡ ÇØ´çÇÏ´Â ¸ðµç ¿¤¸®¸ÕÆ®¸¦ ¹Ýȯ ÇÕ´Ï´Ù.
:password
- ÅؽºÆ® ÆûÀÇ Æнº¿öµå ŸÀÔÀ» ¹Ýȯ ÇÕ´Ï´Ù.
:radio
- ¶óµð¿À ¹öÆ° ű׸¦ ¹Ýȯ ÇÕ´Ï´Ù.
:reset
- ¸®¼Â ¹öÆ° ű׸¦ ¹Ýȯ ÇÕ´Ï´Ù.
:selected
- ¼¿·ºÅÍÆû¿¡ ¼±Åà µÈ ¿¤¸®¸ÕÆ®¸¦ ¹Ýȯ ÇÕ´Ï´Ù.
:submit
- ¼ºê¹Ô ¹öÆ° ű׸¦ ¹Ýȯ ÇÕ´Ï´Ù.
:text
- ÅؽºÆ® Æû ű׸¦ ¹Ýȯ ÇÕ´Ï´Ù.
--------------------------------------------------------------------------------
»ç¿ë¹ýÀº ¾ÆÁÖ ´Ù¾çÇØ Áú ¼ö ÀÖÀ¸¸ç, Selector ¶ÇÇÑ ´õ ¸¹ÀÌ Á¸Àç ÇÒ ¼ö ÀÖ½À´Ï´Ù.
--------------------------------------------------------------------------------
$('input:checked').length : input ű×Áß check µÇ¾î Àִ ű×ÀÇ ±æÀ̸¦ ±¸Ç϶ó.
$(':button') : <input type="button"/> ¶Ç´Â <button />
$(':checkbox') : <input type="checkbox"/>,
$('[type=checkbox]') : À§¿Í °°À½.
$('*:checkbox') : À§¿Í°°À½.
$('input:checkbox') : À§¿Í°°À½.
$(':checked') : üũ¹Ú½º¿¡ üũµÈ Element
$(':selected') : ÄÞº¸¹Ú½º¿¡ ¼±ÅÃµÈ Element
$(':disabled') : <input name="email" disabled="disabled" />
$(':enabled') : È°¼ºÈµÇ¾îÀÖ´Â Element (jQuery(':disabled') °ú ¹Ý´ë )
$(':file') : <input type="file"/>
$('*:file') : À§¿Í °°À½.
$('input:file') :À§¿Í °°À½.
$(':image') : <input type="image" />
$(':input') : <input />, <textarea />, <select />, <button />
$(':password') : <input type="password" />
$('[type=password]') :À§¿Í°°À½.
$('*:password') : À§¿Í °°À½.
$('input:password') :À§¿Í °°À½
$(':radio') : <input type="radio" />
$('[type=radio]') : À§¿Í °°À½.
$('*:radio') : À§¿Í °°À½.
$('input:radio') : À§¿Í °°À½.
$('input[name=gender]:radio') : È®Àå ¿¹
$(':reset') : <input type="reset" />
$("input:reset") : À§¿Í °°À½.
$(':selected') : <option selected="selected">....</option> (¿¹) $("select option:selected")
$(':submit') : <input type="submit" />, <button type="submit">Button type="submit"> </button> ¶Ç´Â <button/>,
$(':text') : <input type="text" />,
$('[type=text]') : À§¿Í°°À½.
$('*:text') : À§¿Í °°À½.
$('input:text') : À§¿Í °°À½.