دستورات پشت سر هم (زنجیره ای) در جی کوئری

          admin 
            بازدید : 137
          پنجشنبه 29 خرداد 1393
           نظرات (0)
        

دستورات پشت سر هم (زنجیره ای) در جی کوئری

در جی کوئری می‌توان از خصوصیت فراخوانی زنجیره‌ای متدھا استفاده نمود و این باعث می‌شود چندین کد فقط در یک سطر قرار گیرد و در نتیجه کد بسیار مختصر گردد.

در مثال زیر می‌خواهیم تمام عناصر تگ <div> در صورتی که دارای کلاس notLongForThisWorld باشند را مخفی (با فید شدن) کنیم.

$("div.notLongForThisWorld").fadeOut();

یکی از مزیت‌های اکثر متدهای قابل اجرا بروی مجموعه عناصر انتخاب شده آن است که خروجی خود آنها مجموعه‌ای دیگر است. به این معنا که خروجی این متد، آماده اعمال یک متد دیگر است.
فرض کنید در مثال بالا بخواهیم پس از مخفی کردن هر تگ <div> بخواهیم یک کلاس به نام removedبه آن بیافزاییم. به این منظور می‌توان کدی مانند زیر نوشت:

$("div.notLongForThisWorld").fadeOut().addClass("removed");

این زنجیره متدها می‌توانند به هرتعداد ادامه پیدا کند.

درباره آموزش طراحی وب , جی کوئری ,

ادامه مطلب ...

تابع Callback در جی کوئر

          admin 
            بازدید : 128
          پنجشنبه 29 خرداد 1393
           نظرات (0)
        

تابع Callback در jquery

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

مثال با تابع Callback

در مثال زیر تابع alert بعد از اجرا شدن افکت hide اجرا میشود:

$("button").click(function(){
$("p").hide("slow",function(){
alert("The paragraph is now hidden");
});
});

مثال بدون تابع Callback

در مثال زیر تابع alert قبل از اجرا شدن افکت hide اجرا میشود:

$("button").click(function(){
$("p").hide(1000);
alert("The paragraph is now hidden");
});

درباره آموزش طراحی وب , جی کوئری ,

ادامه مطلب ...

رویداد focusin در جی کوئری

          admin 
            بازدید : 191
          پنجشنبه 29 خرداد 1393
           نظرات (0)
        

رویداد ( ) focusin در jQuery

در این بخش از آموزش JQuery ، رویداد focusin را در طراحی سایت شرح میدهیم.

رویداد focusin زمانی اتفاق می افتد که یک عنصر فرزند ( عنصری که در درون یک عنصر دیگر قرار گرفته است )، فوکوس برنامه را به دست آورد . عنصری که در هر لحظه انتخاب شده و تمرکز برنامه بر روی آن است ، فوکوس برنامه را در اختیار دارد . دقت کنید که برای رخ دادن این رویداد ، باید یک عنصر فرزند فوکوس را به دست آورد و نه خود عنصر . بدیهی است این رویداد در مورد تگ هایی که عنصر فرزند ندارند ، اجرا نمی شود .
برای مثال فرض کنید که یک تگ div طراحی کرده ایم که در درون آن دو کادر متن قرار دارد . زمانی که هر کدام از کادرهای متین درون آن ، فوکوس برنامه را به دست آورد ، این رویداد اتفاق می افتد .
شکل کلی استفاده از این متد به شرح زیر است :

$ ( " selector " ).focusin ( function ( ) { ... some code ... } ;

selector : selector کنترل یا عنصری است که یک عنصر فرزند آن فوکوس برنامه را به دست می آورد .
function : این تابع کد دستوری است که می خواهیم در هنگام رخ دادن رویداد ، انجام شود .

مثال زیر کاربرد رویداد focusin را نشان میدهد :

$("div").focusin(function(){
$(this).css("background-color","#FFFFCC");
});

درباره آموزش طراحی وب , جی کوئری ,

ادامه مطلب ...

رویداد scroll در جی کوئری

          admin 
            بازدید : 97
          پنجشنبه 29 خرداد 1393
           نظرات (0)
        

رویداد ( ) scroll در jQuery

در این بخش از آموزش JQuery ، رویداد scroll را در طراحی سایت شرح میدهیم.

رویداد scroll زمانی اتفاق می افتد که کاربر در یک عنصر صفحه ، عمل scroll ( بالا و پایین رفتن ) را انجام دهد .
این رویداد برای تمام عناصری که دارای خاصیت scroll هستند ، مثل صفحه ( window , textarea و ... ) وجود دارد .
رویداد scroll هم می تواند باعث scroll یک عنصر شده و یا اینکه در هنگام scroll آن عنصر ، یک تابع تعیین شده را اجرا نماید . شکل کلی استفاده از این متد به شرح زیر است :

Syntax $ ( " selector " ).scroll ( ) ;
یا
$ ( " selector " ).scroll ( function ) ;

selector : این پارامتر ، تعیین کننده id عنصری است که عمل scroll بر روی آن انجام می شود .
function : این پارامتر تابعی را تعیین می کند که می خواهیم در هنگام scroll عنصر مورد نظرمان اجرا شود .

مثال زیر کاربرد رویداد scroll را نشان میدهد :

$("div").scroll(function(){
$("span").text(x+=1);
});

درباره آموزش طراحی وب , جی کوئری ,

ادامه مطلب ...

رویداد resize در جی کوئری

          admin 
            بازدید : 161
          پنجشنبه 29 خرداد 1393
           نظرات (0)
        

رویداد ( ) resize در jQuery

در این بخش از آموزش JQuery ، رویداد resize را در طراحی سایت شرح میدهیم.

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

Syntax $ ( " selector " ).resize ( ) ;
یا
$ ( " selector " ).resize ( function ) ;

selector : این پارامتر تعیین کننده نام پنجره ای است که می خواهید در هنگام تغییر اندازه آن ، رویداد انجام شود . معمولا مقدار این پارامتر window بوده ، که به پنجره جاری مرورگر اشاره می کند .
function : این پارامتر تابعی را تعیین می کند که می خواهیم در هنگام تغییر اندازه پنجره مرورگر اجرا شود .

مثال زیر کاربرد رویداد resize را نشان میدهد :

$(window).resize(function(){
$('span').text(x+=1);
});

درباره آموزش طراحی وب , جی کوئری ,

ادامه مطلب ...

رویداد select در جی کوئری

          admin 
            بازدید : 147
          پنجشنبه 29 خرداد 1393
           نظرات (0)
        

رویداد ( ) select در jQuery

در این بخش از آموزش JQuery ، رویداد select را در طراحی سایت شرح میدهیم.

رویداد select زمانی اتفاق می افتد که متن موجود در یک کادر متن ( textfield ) یا textarea ، انتخاب شود .
این رویداد دو کار را انجام می دهد :

باعث بروز و رخ دادن رویداد select برای یک کادر متن می شود . یعنی همانند این است که متن آن را انتخاب نماییم :

$ ( " selector " ).select ( ) ;

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

در صورت انتخاب متن یک کادر متن ، این رویداد رخ می دهد . می توان تابعی را تعیین نمود تا در هنگام رخ دادن این رویداد اجرا شود .

درباره آموزش طراحی وب , جی کوئری ,

ادامه مطلب ...

رویداد unload در جی کوئری

          admin 
            بازدید : 183
          پنجشنبه 29 خرداد 1393
           نظرات (0)
        

رویداد ( ) unload در jQuery

در این بخش از آموزش JQuery ، رویداد unload را در طراحی سایت شرح میدهیم.

رویداد unload زمانی اتفاق می افتد که کاربر از صفحه جاری خارج می شود . برای مثال یکی ار استفاده های جالب این رویداد ، می تواند صدور یک پیام خداحافظی برای کاربر در زمانی که می خواهد صفحه را ببندد ، باشد .
رویداد unload در مواقع زیر رخ می دهد :

کلیک کاربر بر روی لینکی که باعث خروج از صفحه جاری و رفتن به صفحه دیگری می شود .
یک آدرس جدید در نوار آدرس مرورگر نوشته شده و کلید Enter را بزنید .
کلیدهای forward ( رفتن به جلو ) و backward ( رفتن به عقب ) را در مرورگر کلیک نمایید .
پنجره جاری مرورگر بسته شود .

صفحه مجدد لود و فراخوانی شود .

درباره آموزش طراحی وب , جی کوئری ,

ادامه مطلب ...

رویداد toggle در جی کوئری

          admin 
            بازدید : 189
          پنجشنبه 29 خرداد 1393
           نظرات (0)
        

رویداد ( ) toggle در jQuery

در این بخش از آموزش JQuery ، رویداد toggle را در طراحی سایت شرح میدهیم.

رویداد toggle بین دو افکت ( ) show و افکت ( ) hide تغییر وضعیت می دهد .

رویداد toggle وضعیت نمایش و یا عدم نمایش عنصر مورد نظر رابر روی صفحه می سنجد . اگر عنصر در حال نمایش باشد آن را با استفاده از متد Hide مخفی کرده و اگر عنصر مخفی باشد آن را با استفاده از متد Show نمایش می دهد . این متد برای عناصری که از ابتدای اجرای صفحه مخفی تعیین شده اند ، کار نمی کند .

شکل کلی استفاده از این متد به شرح زیر است :

$( selector ).toggle( speed , easing , callback ) ;

درباره آموزش طراحی وب , جی کوئری ,

ادامه مطلب ...

رویداد submit در جی کوئری

          admin 
            بازدید : 120
          پنجشنبه 29 خرداد 1393
           نظرات (0)
        

رویداد ( ) submit در jQuery

در این بخش از آموزش JQuery ، رویداد submit را در طراحی سایت شرح میدهیم.

رویداد ( ) submit زمانی اتفاق می افتد که یک فرم submit شده و به سرور ارسال شود .
برای مثال از رویداد ( ) submit می توان برای صدور یک پیام هشدار به کاربر ، برای اعلام submit شدن فرم استفاده کرد . رویداد ( ) submit فقط با تگ form کار می کند .
شکل کلی استفاده از این متد به شرح زیر است :

Syntax $ ( " selector " ).submit ( ) ;
یا
$ ( " selector " ).submit ( function ) ;

selector : این پارامتر تعیین کننده id فرمی است که submit شده است .
function : تعیین کننده تابعی است که می خواهیم پس از submit شدن فرم ، اجرا شود .

مثال زیر کاربرد رویداد ( ) submit را نشان میدهد :

$("form").submit(function(){
alert("Submitted");
});

درباره آموزش طراحی وب , جی کوئری ,

ادامه مطلب ...

رویداد Change در جی کوئری

          admin 
            بازدید : 146
          پنجشنبه 29 خرداد 1393
           نظرات (0)
        

رویداد ( ) change در jQuery

در این بخش از آموزش JQuery ، رویداد change را در طراحی سایت شرح میدهیم.

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

$ ( " selector " ).change ( function ( ) { ... some code ... } ;

selector : selector کنترلی است که کاربر آن را تغییر می دهد .
function : این تابع کد دستوری است که می خواهیم در هنگام رخ دادن رویداد ، انجام شود .

مثال زیر کاربرد رویداد change را نشان میدهد :

$("input").change(function(){
alert("The text has been changed.");
});

این رویداد فقط برای عناصر درون فرم کاربرد دارد و زمانی فراخوانی می شود که محتوای یک عنصر تغییر کند.

درباره آموزش طراحی وب , جی کوئری ,

ادامه مطلب ...

صفحه قبل 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 ...92 93 صفحه بعد

تعداد صفحات : 93