توابع کاربردی متفرقه در JQuery

در این بخش از آموزش JQuery به معرفی مهمترین و پرکاربردترین توابع متفرقه در جی کوئری می پردازیم .
لیست زیر شامل مهمترین توابع کاربردی متفرقه در JQuery می باشد :

دنبال کردن این مطلب

مرجع توابع کار با Ajax در JQuery

در بخش آموزش Ajax توضیح مفصلی از کاربردهای Ajax دادیم ، Ajax تکنولوژی تبادل اطلاعات و به روز رسانی صفحات وب ، بدون لود شدن مجدد و کامل صفحه است .
در لیست زیر ، متدهای کار با Ajax در زبان jQuery قرار داده شده است:

دنبال کردن این مطلب

مرجع توابع کار با Html و Css در JQuery

در این بخش از آموزش JQuery به معرفی مهمترین و پرکاربردترین مرجع توابع کار با Html و Css در JQuery می پردازیم .
لیست زیر شامل مهمترین مرجع توابع کار با Html و Css در جیکوئری می باشد :

دنبال کردن این مطلب

مرجع افکت ها (Effeccts) در JQuery

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

استفاده از افکت ها در jQuery بسیار ساده و شبیه رویداد ها در این زبان هستند . بهتر است قبل از مطالعه این بخش ، بخش آموزش رویدادها در jQuery را مطالعه نمایید .

در لیست زیر به معرفی مهمترین افکت ها در jQuery پرداخته ایم :

دنبال کردن این مطلب

مرجع رویدادها (Events) در JQuery

در این بخش از آموزش JQuery به معرفی مهمترین و پرکاربردترین رویدادهای زبان jQuery می پردازیم . رویدادها اتفاقاتی هستند که بر روی عناصر موجود در صفحات وب انجام می شوند مثل کلیک کردن و یا عبور موس از روی آن . شما می توانید کدهای مورد نظر خود را طوری طراحی کنید که پس از اجرای یک رویداد خاص اجرا شوند .
لیست زیر شامل مهمترین رویداد ها در jquery می باشد :

دنبال کردن این مطلب

متد toArray

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

$(selector).toArray( ) ;

مثال زیر کاربرد متد toArray را نشان میدهد .

$("button").click(function(){
x=$("li").toArray()
for (i=0;i<x.length;i++)
{
alert(x[i].innerHTML);
}
});

دنبال کردن این مطلب

متد size

متد size ، تعداد عناصر DOM ای که با مشخصات تعیین شده برای آن در پارامتر selector$ ، مطابقت دارند را بر می گرداند .
به عبارت دیگر ،متد size برای شمارش تعداد یک عنصر یا تگ مورد نظر ، بر روی صفحه استفاده می شود .
شکل کلی استفاده از متد size به صورت زیر است :

$(selector).size( ) ;

مثال زیر کاربرد متد size را نشان میدهد .

$("button").click(function(){
alert($("li").size());
});

دنبال کردن این مطلب

متد removeData

متد removeData ، می تواند اطلاعات اضافه شده به یک عنصر را که قبلا توسط متد ( ) data اضافه شده است ، را حذف نماید .
اگر اطلاعاتی قبلا توسط متد ( ) data ، به عنصر اضافه نشده باشد ، این متد کار نمی کند .

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

$( selector ).removeData ( name ) ;

selector : این پارامتر تعیین کننده id عنصری است که می خواهیم اطلاعات آن را حذف نماییم .
name : این پارامتر تعیین کننده نام اطلاعاتی در عنصر مورد نظر است که می خواهید آن را حذف نمایید .
استفاده از این پارامتر اختیاری است .
اگر این پارامتر تعیین نشود ، کلیه اطلاعات موجود در عنصر حذف خواهد شد .

مثال زیر کاربرد متد removeData را نشان میدهد .

$("#btn2").click(function(){
$("div").removeData("greeting");
alert("Greeting is: " + $("div").data("greeting"));
});

دنبال کردن این مطلب

متد $.param

متد $.param ، می تواند اعضای یک آرایه یا مجموعه خواص یک شی را به صورت پشت سر هم و جفت نام-مقدار ، خوانده و به صفحه بر گرداند .
برای مثال فرض کنید که یک شی 3 خاصیت داشته باشد . خروجی این متد در هنگام استفاده به صورت زیر می باشد :

prop1 = value1 & prop2 = value2 & prop3 = value3 ;

از این رشته خواص و یا اعضای آرایه می توان برای ارسال اطلاعات در روش get استفاده کرد . این اطلاعات در انتهای آدرس URL صفحه اضافه شده و به صفحه مقصد ارسال می شوند .
شکل کلی استفاده از متد $.param به صورت زیر است :

$.param( object ) ;

obj : تعیین کننده نام شی یا آرایه ای است که می خواهیم مجموعه اعضا و یا خواص آن را به صورت پشت سر هم نمایش دهیم .
استفاده از این پارامتر اجباری است .


مثال زیر کاربرد متد $.param را نشان میدهد .

$("button").click(function(){
$("div").text($.param(personObj));
});

دنبال کردن این مطلب

متد $.noConflict (جلوگیری از تداخل کدها در jQuery)

برخی از فریم ورک های جاوا اسکریپت نیز از علامت $ در کدهای خود استفاده می کنند ، مثل فریم ورکهای BackBone یا GoogleWebToolkit . حال اگر jQuery و یک فریم ورک دیگر در یک صفحه بصورت همزمان از علامت $ استفاده نمایند ، ممکن است در اجرای اسکریپت دچار مشکل شوید و کد شما درست کار نکند .

برای این منظور در jQuery از متد $.noConflict استفاده می شود . با استفاده از این متد دیگر نیاز به بکار بردن علامت $ در کدهای jQuery نبوده و می توانید آن را حذف نمایید . سپس از این علامت در کدهای سایر فریم ورک ها به راحتی و بدون اختلال jQuery استفاده نمایید .
شکل کلی استفاده متد $.noConflict به صورت زیر است :

$.noConflict ( ) ;

مثال زیر کاربرد متد $.noConflict را نشان میدهد .

var jq=$.noConflict();

دنبال کردن این مطلب