¾È±Ô °øºÎ¹æ

Javascript & JQuery & CSS > JQuery Selector - Form ÅÂ±× ÁöÁ¤ ¹æ¹ý

µî·ÏÀÏ : 2017-07-04 19:44 Á¶È¸¼ö : 34,678

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') : À§¿Í °°À½.


¡Ø Ȥ½Ã µµ¿òÀÌ µÇ¼Ì´Ù¸é ´ñ±Û¿¡ ÇѸ¶µð ³²°ÜÁÖ¼¼¿ä!
ÀÛ¼ºÀÚ   ºñ¹Ð¹øÈ£
ÀÚµ¿±Û ¹æÁö     (ÀÚµ¿±Û ¹æÁö ±â´ÉÀÔ´Ï´Ù.)
³»¿ë   ´ñ±Û´Þ±â 
À̸ÞÀÏ ¹®ÀÇ : cak0280@nate.com  
Copyright 2000 By ENTERSOFT.KR All Rights Reserved.