به نکات زیر در مورد JQuery توجه کنید!

۱۳- استفاده از Delay() در انیمیشن های جی کوئری:
تعریف و استفاده از انیمیشن های جی کوئری بصورت زنجیروار (chained) یکی از قابلیت های کاربردی جی کوئری است. پیشنهاد می شود بین هر انیمیشن، توسط delay() تاخیری ایجاد نمائید. دستورات زیر را در نظر بگیرید:

کد:

// This is wrong:
$('#elem').animate({width:200},function(){
    setTimeout(function(){
        $('#elem').animate({marginTop:100});
    },۲۰۰۰);
});
// Do it like this:
$('#elem').animate({width:200}).delay(2000).animate({marginTop:100});

متد انیمیشن یعنی Animation() باعث صرفه جویی در زمان بسیاری از برنامه نویسان و توسعه دهندگان شده است. زیرا تمام پروسه های مرتبط با اجرای انیمیشن را خود این متد برعهده می گیرد و انجام می دهد. مانند set timeout و parse property value و رهگیری پروسه اجرای انیمیشن و… برای مطالعه بیشتر در زمینه انیمیشن در جی کوئری، به این مقاله مراجعه شود.

 

۱۴- استفاده از اتریبیوت data در HTML5:
اتریبیوت data در HTML5 ابزاری است برای درج داده (embed data) در صفحات وب. اتریبیوت data برای تبادل داده بین سرور و کلاینت (server side and front-end)

اتریبیوت دیتا در HTML5:
<div id="d1" data-role="page" data-last-value="43" data-hidden="true"

data-options='{"name":"John"}'>

</div>

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

کد:

$("#d1").data("role");          // "page"
$("#d1").data("lastValue");     // 43
$("#d1").data("hidden");        // true;
$("#d1").data("options").name;  // "John";

 

۱۵- استفاده از Local Storage در جی کوئری:
LocalStorage یک API ساده در جی کوئری است که امکان ذخیره و بازیابی اطلاعات در سمت مشتری (client side) را فراهم می کند (مانند session و cookie) این API کاربردی، تقریبا در تمام مرورگرها پشتیبانی می شود. لطفا به دستورات زیر دقت کنید:

کد:

// Check if "key" exists in the storage
var value = $.jStorage.get("key");
if(!value){
    // if not - load the data from the server
    value = load_data_from_server();
    // and save it
    $.jStorage.set("key",value);
}
// Use value