jQuery¹ýÂËÑ¡ÔñÆ÷Ïê½â

¹ýÂËÑ¡ÔñÆ÷

¹ýÂËÑ¡ÔñÆ÷Ö÷ÒªÊÇͨ¹ýÌض¨µÄ¹ýÂ˹æÔòÀ´É¸Ñ¡³öËùÐèµÄDOMÔªËØ,¸ÃÀ´×ÔÑ¡ÔñÆ÷¶¼ÒÔ¡°:¡±¿ªÍ·

°´ÕÕ²»Í¬µÄ¹ýÂ˹æÔò,¹ýÂËÑ¡ÔñÆ÷¿ÉÒÔ·ÖΪ»ù±¾¹ýÂË,ÄÚÈݹýÂË,¿É¼ûÐÔ¹ýÂË,ÊôÐÔ¹ýÂË,×ÓÔªËعýÂËºÍ±íµ¥¶ÔÏóÊôÐÔ¹ýÂËÑ¡ÔñÆ÷.

»ù±¾¹ýÂËÎÊ´ðÑ¡ÔñÆ÷

»ù±¾¹ýÂËÑ¡ÔñÆ÷ʾÀý

¸Ä±äµÚÒ»¸ödivÔªËصı³¾°É«ÎªÕýÉî·¶Íê½ô#bbffaa

¸ÄÁôÊƱä×îºóÒ»¸ödivÔªËصı³¾°É«Îª#bbffaa

¸Ä±äclass²»ÎªoneµÄËùÓÐdivÔªËصı³¾°É«Îª#bbffaa

¸Ä±äË÷ÒýֵΪż½«æÃÊýµÄdivÔªËصı³¾°É«Îª#bbffaa

¸Ä±äË÷ÒýֵΪÆæÊýµÄdivÔªËصı³¾°É«Îª#bbffaa

¸Ä±äË÷ÒýֵΪ´óÓÚ3µÄdivÔªËصı³¾°É«Îª#½¥ÖªÉËÒ»¼ÈÊöbbffaa

¸Ä±äË÷ÒýֵΪµÈÓÚ3µÄdivÔªËصı³¾°É«Îª#bbffaa

¸Ä±äË÷ÒýֵΪСÓÚ3µÄdi×ÔÎ÷¾Ã¼¯Ë**îÓýÂý¾à¸±vÔªËصı³¾°É«Îª#bbffaa

¸Ä±äËùÓеıêÌâÔªËصı³¾°É«Îª#bbffaa

¸Ä±äµ±Ç°ÕýÔÚÖ´Ðж¯»­µÄËùÓÐÔªËزιʵı³¾°É«Îª#bbffaa

ÄÚÈݹýÂËÑ¡ÔñÆ÷

ÄÚÈݹýÂËÑ¡ÔñÆ÷µÄÀÖËù¼¦°®·¿±¶Äá¹ýÂ˹æÔòÖ÷ÒªÌåÏÖÔÚËüËù°üº¬µÄ×ÓÔªËغÍÎı¾ÄÚÈÝÒÀ»îÄÄ¿ó×ÓÖÓÉÏ

ÄÚÈݹýÂËÑ¡ÔñÆ÷ʾÑîÒøе´¡»ì¸æ»¥½ºÇ°ÍûÔ¬Àý

¸Ä±äº¬ÓÐÎı¾¡®di'µÄdivÔªËصı³¾°É«Îª#bbffaa

¸Ä±ä²»Çá³ýˮԽµ¼ÔÂÎñºÅÑõ×ÔÎÈ°üº¬×ÓÔªËØ(»òÕßÎı¾ÔªËØ)µÄdiv¿ÕÔªËصı³¾°É«Îª#bbffaa

¸Ä±äº¬ÓÐclassΪminiÔªËصÄdivÔªËصı³¾°É«Îª#bbffaa

¸Ä±äº¬ÓÐ×ÓÔªËØ(»òÕßÎı¾ÔªËØ)µÄdivÔªËصı³¾°É«Ê÷ÖƺºÇ×Ϊ#bbffaa

¿É¼ûÐÔ¹ýÂËÑ¡Ôñ¼¤Èô°¸ÅÂÁ³ÒÒÆ÷

¿É¼ûÐÔ¹ýÂËÑ¡ÔñÆ÷ÊǸù¾ÝÔªËصÄÎñ¹ÜÀÍÖؾÝÖÖÏç¿Æ¿É¼ûºÍ²»¿É¼û״̬ÓÐʮѡÅÜÓë°×ÕñÎ丮¾àÅ©À´Ñ¡ÔñÏàÓ¦µÄÔªËØ

¿É¼ûÑ¡ÔñÆ÷:hidden²»½ö°üº¬ÑùʽÊôÐÔdisplayΪnoneµÄÔªËØ,Ò²°üº¬Îı¾Òþ²ØÓò(<inputtype=¡°hid±£µÂÔ±Õò¿Úden¡±>)ºÍvisible:hiddenÖ®ÀàµÄÔªËØ

¿É¼ûÐÔ¹ýÂËÑ¡ÔñÆ÷ʾÀý

¸Ä±äËùÓпɼûµÄdivÔªËصı³¾°É«Îª#bbffaa

Ñ¡È¡ËùÓв»¿É¼ûµÄÔªËØ,ÀûÓÃjQueryÖеÄshow()·½·¨½«ËüÃÇÏÔʾ³öÀ´,²¢ÉèÖÃÆä±³¾°É«Îª#bbffaa

ÎïÊÕ²îÏÂËÙÀîÑ¡ÍùÑ¡È¡ËùÓеÄÎı¾Òþ²ØÓò,²¢´òÓ¡ËüÃǵÄÖµ

ÊôÐÔ¹ýÂËÑ¡ÔñÆ÷

ÊôÐÔÕë²è¼´´¨×è¿ØÃÀµÃÐ̹ýÂËÑ¡ÔñÆ÷µÄ¹ýÂ˹æÔòÊÇͨ¹ýÔªËصÄÊôÐÔÀ´»ñÈ¡ÏàÓ¦µÄÔªËØ

ÊôÐÔ¹ýÂËÑ¡ÔñÆ÷ʾÀý

Ñ¡È¡ÏÂÁÐÔªËØ,¸Ä±äÆä±³¾°É«Îª#bbffaa

º¬ÓÐÊôÐÔtitleµÄdivÔªËØ.

ÊôÐÔtitleÖµµÈÓÚ"test"µÄdivÔªËØ.

ÊôÐÔtitleÖµ²»µÈÓÚ"test"µÄdivÔªËØ(ûÓÐÊôÐÔtitleµÄÒ²½«±»Ñ¡ÖÐ).

ÊôÐÔtitleÖµÒÔ"te"¿ªÊ¼µÄdivÔªËØ.

ÊôÐÔtitleÖµÒÔ"est"½áÊøµÄdivÔªËØ.

ÊôÐÔtitleÖµº¬ÓÐ"es"µÄdivÔªËØ.

Ñ¡È¡ÓÐÊôÐÔidµÄdivÔªËØ£¬È»ºóÔÚ½á¹ûÖÐÑ¡È¡ÊôÐÔtitleÖµº¬ÓС°es¡±µÄdivÔªËØ.

×ÓÔªËعýÂËÑ¡ÔñÆ÷

nth-child()Ñ¡ÔñÆ÷Ïê½âÈçÏ£º

(1):nth-child(even/odd):ÄÜѡȡÿ¸ö¸¸ÔªËØϵÄË÷ÒýֵΪż(Ææ)ÊýµÄÔªËØ

(2):nth-childºÜº½·¹ÊÀ·ÇÎÄÃ÷ÑÇ(2):ÄÜѡȡÿ¸ö¸¸ÔªËØϵÄË÷ÒýֵΪ2µÄÔªËØ

(3):nth-child(3n):ÄÜѡȡÿ¸ö¸¸ÔªËØϵÄË÷ÒýÖµÊÇ3µÄ±¶ÊýµÄÔªËØ

(3):nth-child(3n+1):ÄÜѡȡÿ¸ö¸¸ÔªËØϵÄË÷ÒýÖµÊÇ3n+1µÄÔªËØ

×ÓÔªËعýÂËÑ¡ÔñÆ÷ʾÀý

Ñ¡È¡ÏÂÁÐÔªËØ,¸Ä±äÆä±³¾°É«Îª#bbffaa

ÿ¸öclassΪoneµÄdiv¸¸ÔªËØϵĵÚ2¸ö×ÓÔªËØ.

ÿ¸öclassΪoneµÄdiv¸¸ÔªËØϵĵÚÒ»¸ö×ÓÔªËØ

ÿ¸öclassΪoneµÄdiv¸¸ÔªËØϵÄ×îºóÒ»¸ö×ÓÔªËØ

Èç¹ûclassΪoneµÄdiv¸¸ÔªËØϵĽö½öÖ»ÓÐÒ»¸ö×ÓÔªËØ£¬ÄÇôѡÖÐÕâ¸ö×ÓÔªËØ

±íµ¥¶ÔÏóÊôÐÔ¹ýÂËÑ¡ÔñÆ÷

´ËÑ¡ÔñÆ÷Ö÷Òª¶ÔËùÑ¡ÔñµÄ±íµ¥ÔªËؽøÐйýÂË

±íµ¥¶ÔÏóÊôÐÔ¹ýÂËÑ¡ÔñÆ÷ʾÀý

ÀûÓÃjQuery¶ÔÏóµÄval()·½·¨¸Ä±ä±íµ¥ÄÚ¿ÉÓÃ<input>ÔªËصÄÖµÀûÓÃjQuery¶ÔÏóµÄval()·½·¨¸Ä±ä±íµ¥ÄÚ²»¿ÉÓÃ<input>ÔªËصÄÖµ

ÀûÓÃjQuery¶ÔÏóµÄlengthÊôÐÔ»ñÈ¡¶àÑ¡¿òÑ¡ÖеĸöÊý

ÀûÓÃjQuery¶ÔÏóµÄtext()·½·¨»ñÈ¡ÏÂÀ­¿òÑ¡ÖеÄÄÚÈÝ

±íµ¥Ñ¡ÔñÆ÷

ÒÔÉϾÍÊØÓÚjQuery¹ýÂËÑ¡ÔñÆ÷µÄÈ«²¿ÄÚÈÝÁË£¬Ê®·ÖµÄÏ꾡£¬Ï£Íû¶ÔС»ï°éÃÇÓÐËù°ïÖú¡£