در این قسمت قصد داریم تا شما را با ساختار کلی jQuery آشنا کنیم.چیزی که در jQuery مهم است این است که شما بایستی ابتدا عنصر یا عناصری که می خواهید در صفحه تغییر دهید ، را انتخاب کنید . سپس متد مورد نظرتان را بر روی آن اجرا نمایید . ساختار کلی دستور jQuery به صورت زیر است:
Syntax $ ( Selector ) .action( )
در ادامه به توضیح مفهوم ساختار فوق می پردازیم :
۱ : علامت $ : این علامت ، علامت خاص زبان jQuery است . این علامت را بایستی در ابتدای هر خط دستوری زبان jQuery قرار دهید . به این وسیله مرورگر تشخیص می دهد که کد نوشته شده ، به زبان $ است و باید چگونه آن را اجرا نماید .
۲ : انتخاب کننده ( Selector ) : در قسمت دوم شما باید عنصر و یا عناصر مورد نظر خود را به وسیله انواع انتخاب کننده ( Selector ) انتخاب نمایید . ۴ روش برای انتخاب عنصر مورد نظرتان وجود دارد . انتخاب خود عنصر جاری ، انتخاب بر حسب نوع عنصر ، انتخاب بر حسب کلاس ( class ) عنصر و یا انتخاب بر حسب شناسه ( Id ) عنصر . در مثال های زیر انواع این حالت را نمایش می دهیم . در این مثال ها از متد ( ) Hide که باعث پنهان شدن عنصر می شود ، استفاده شده است.مثال های این بخش صرفا برای آشنایی با ساختار این زبان است.
۱٫انتخاب خود عنصر جاری : این کد باعث می شود تا متد مورد نطر بر روی عنصر جاری اجرا شده و آن را پنهان می کند .
Syntax $ ( this ) . hide ( )
۲٫انتخاب بر حسب نوع کلی عنصر : این کد باعث می شود تا متد مورد نظر بر روی کلیه عناصر از نوع تعیین شده اجرا شود . در مثال زیر اجرا متد کلیه عناصری که از نوع پاراگراف ( < p > ) هستند را پنهان می کند .
Syntax $ ( “p” ) . hide ( )
۳٫انتخاب بر حسب کلاس ( class ) عنصر : این کد باعث می شود تا متد مورد نظر بر روی کلیه عناصر از کلاس تعیین شده اجرا شود در مثال زیر اجرا متد کلیه عناصری را که از نوع پاراگراف بوده و جز کلاس ( test ) هستند را پنهان می کند.
Syntax $ ( “p.text” ) . hide ( )
۴٫انتخاب بر حسب شناسه ( Id ) عنصر : این کد باعث می شود تا متد مورد نظر بر روی کلیه عنصری که شناسه انحصاری آن ) Id ) تعیین شده اجرا شود . در مثال زیر اجرا متد عنصری را که Id آن برابر با و جز کلاس ( test ) می باشد را پنهان می کند.
Syntax $ ( “#.test” ) . hide ( )
