031- 344 500 60

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

صفحه نخست » بلاگ » jquery » قواعد دستوری جی کوئری-درس چهارم

قواعد دستوری جی کوئری-درس چهارم

۲۱ام شهریور ۱۳۹۶
رعنا زارع
62

آموزش جی کوئری (JQuery)

درس چهارم :  قواعد دستوری جی کوئری

اگر اولین قسمت از آموزش جی کوئری در سایت وبیار را مطالعه کرده باشید. حتما به یاد خواهید داشت که یکی از مهمترین ویژگیهای جی کوئری این است که : جی کوئری میتواند هم ظاهر و هم محتوای صفحات مورد نظر کاربر را به طورکلی تغییر دهد. برای مثال : متن ، تصویر و یا لیستی از آن صفحه را حذف و یا اضافه کند . حتی میتواند تمام ساختار HTML صفحات را کاملا تغییر دهد. از این رو قصد داریم در این جلسه از آموزش جی کوئری قواعد دستوری جی کوئری را برای شما شرح دهیم . پس با ما همراه باشید.

 

  • قواعد دستوری  جی کوئری (syntax):

    با استفاده از قواعد دستوری جی کوئری شما می توانید عملیات و  افکت  های مورد نظر خود را بر روی تک تک عناصر HTML که توسط انتخابگرهای جی کوئری انتخاب نموده اید پیاده سازی کنید .

    ساختار کلی یک دستور جی کوئری :

    $(selector).action();

    $ : برای دسترسی به  کتابخانه جی کوئری  به کار میرود.

    selector  : برای جستجوی و انتخاب  عناصر HTML  به کار میرود.

    () action : عملی را که باید بر روی عناصر انجام شود مشخص میکند ، اصطلاحا به آن متد گفته می شود. اما بهتر است بدانید منظور از کلمه کلاس و شئ و متد که در جی کوئری استفاده می شود متفاوت از کاربرد آنها در دیگر زبان ها و php است .

    نکته: اکثر افراد تصور میکنند متد و تابع معنا و کاربرد یکسانی دارند . ولی باید بگویم این دو با هم متفاوتند . تفاوت آنها در این است که شما میتوانید از متد ها به صورت زنجیره ای استفاده کنید در حالی که توابع این قابلیت را ندارند . برای فهم کاربرد زنجیره ای متدها به مثال زیر توجه فرمایید:

    $(".document").eq(1).css({border:"3px #cccccc solid"}.hide(3000);

    در مثال بالا هر کدام از متد های () eq و () css و () hide بعد از انجام عمل مورد نظر بر روی عنصر انتخابی ، نتیجه را به متد بعدی  return میکند تا متد بعدی بتواند باز بدون نیاز به انتخاب مجدد عنصر ،عمل دیگری بر روی آن انجام دهد .

  • قواعد دستوری جی کوئری برای درک بهتر چگونگی استفاده از قواعد دستوری جی کوئری به مثال های زیر توجه نمایید:مخفی کردن span   های موجود درصفحه :
    $( span).hide();

    مخفی کردن المنت جاری :

    $(this).hide();

    مخفی کردن یک کلاس خاص :

    $(".classname").hide();

    مخفی کردن یک id خاص:

    $("#IDname").hide();

    مخفی کردن یک تگ خاص :

    $(div).hide();

    حال با قواعد استفاده از جی کوئری آشنا شدید . شما می توانید به جای اکشن () hide از هر اکشنی که میخواهید استفاده کنید .

    به عنوان مثال برای نمایش المنت پنهان شده می توانید از دستور زیر استفاده کنید :

    $(this).show();

    حتی می توانید سرعت پنهان شدن و آشکار شدن المنت را مشخص نمایید . که از دستور زیر استفاده می کنید :

    $(this).show( slow );                                                                                                                                                   
    ویا                                                                                                                                                           
    $(this).show(6000);                                                                                                                                                                      
    

    در این مثال :  6۰۰۰ به این معنی می باشد که عنصر مورد نظر طی 6 ثانیه آشکار شود .

     

    توصیه تیم طراحی سایت وبیار برای شما دوستان عزیز:

    فراموش نکنید با تمرین مطالب آموزش داده شده در این جلسه آنها را به خاطر بسپارید.

    در پایان شما میتواند برای دریافت دیگر فایل های آموزشی زبان جی کوئری و حتی زبان های دیگر طراحی سایت به سایت وبیار که از بهترین شرکت های ارائه دهنده خدمات طراحی و سئو سایت در اصفهان می باشد مراجعه فرمایید .

تعداد ستاره های خود را از این مطلب از چپ به راست انتخاب نمایید
درباره نویسنده :
رعنا زارع

مطالب مرتبط

طراحی فروشگاه اینترنتی تجارت پویا

سایت فروشگاهی تجارت پویا

طراحی سایت فروشگاهی تجارت پویا طراحی سایت اختصاصی تجارت پویا عرضه کننده قیمت لپ تاپ , قیمت کامپیوتر , قیمت گوشی , قیمت تبلت , قیمت کنسول بازی از نمونه کارهای حرفه ای طراحی سایت تیم وب یار می باشد.طراحی سایت فروشگاه تجارت پویا برای مشتریان عزیزی که کسب و کارشان در حوزه های مختلف […]

طراحی فروشگاه اینترنتی جین ایران

فروشگاه اینترنتی جین ایران

طراحی فروشگاه اینترنتی جین ایران طراحی سایت اختصاصی جین ایران عرضه کننده انواع پوشاک زنانه و مردانه در اصفهان از نمونه کارهای حرفه ای طراحی سایت تیم وب یار می باشد.طراحی فروشگاه اینترنتی جین ایران برای مشتریان عزیزی که کسب و کارشان در حوزه های مختلف فروش و عرضه انواع پوشاک و سایر محصولات می […]

طراحی سایت فرهنگی سایت کودک

طراحی سایت فرهنگی کودک خلاق

طراحی سایت فرهنگی کودک خلاق طراحی سایت اختصاصی کودک خلاق با رعایت اصول سئو در کدنویسی از نمونه کارهای حرفه ای طراحی سایت وب یار می باشد. طراحی سایت اختصاصی کودک خلاق برای مشتریان عزیزی که کسب و کارشان در حوزه های فرهنگ و خدماتی است بسیار مناسب می باشد. آدرس سایت جهت مشاهده تمامی […]

طراحی سایت بازرگانی ایراکو

طراحی سایت اختصاصی بازرگانی ایراکو طراحی قالب سایت اختصاصی بازرگانی ایراکو با رعایت اصول سئو در کدنویسی از نمونه کارهای حرفه ای طراحی سایت و سئو سایت وب یار است. این سایت در زمینه ی بازرگانی و تجارت با عراق فعالیت دارد. طراحی سایت بازرگانی ایراکو برای مشتریان عزیزی که کسب و کارشان در حوزه های […]

ارسال دیدگاه

*    

*