اولین مرکز تخصصی غربالگری اتیسم شهر تهران در مرکز اختلال طیف اُتیسم فریحا www.AutismFariha.ir

Top 10 jQuery Tips and Tricks

The jQuery Tips and Tricks

We will now discuss some tips and tricks to use jQuery to its fullest potential. In this section we will discuss a series of such tips.

[caption id="attachment_369" align="aligncenter" width="272"]jQuery: The Write Less, Do More, jQuery: The Write Less, Do More,[/caption]

Disabling Right Mouse Click

If you are to disable right click on your web browser, you can use the following piece of code:

$(document).ready(function(){

$(document).bind("contextmenu",function(e){ return false; }); });

Determine Browser

Suppose you were to determine the browser type of the browser currently in use. You can use the following piece of code to do this:

$(document).ready(function() {
// If the browser type if Mozilla Firefox
if ($.browser.mozilla && $.browser.version >= "1.8" ){ 
// some code
}
// If the browser type is Opera
if( $.browser.opera)
{
// some code
}
// If the web browser type is Safari
if( $.browser.safari )
{
// some code
}
// If the web browser type is Chrome
if( $.browser.chrome)
{
// some code
}
// If the web browser type is Internet Explorer
if ($.browser.msie && $.browser.version <= 6 )
{
// some code
}
//If the web browser type is Internet Explorer 6 and above
if ($.browser.msie && $.browser.version > 6)
{
// some code
}
});

Detect Current Mouse Coordinates

Now, suppose you need to detect the current mouse coordinates in the web browser in use. To do this, you can write the following piece of code:

$(document).ready(function() {
$().mousemove(function(e)
{
$('# MouseCoordinates ').html("X Axis Position = " + e.pageX + " and Y Axis Position = " + e.pageY);
});
<DIV id=MouseCoordinates></DIV>
});

Check if an Element Exists

To check whether an element exists, you can write the following code:

if ($("#someElement").length)
{ 
//The DOM element exists
}
else
{
//The DOM element doesn't exist
}

Check if an Element Is Visible

To check whether an element is visible, you can use the following piece of code:

if($(element).is(":visible") == "true")
{ 
//The DOM element is visible
}
else
{
//The DOM element is invisible
}

Set a Timer

The following piece of code can be used to set a timer using jQuery:

$(document).ready(function()
{
window.setTimeout(function()
{
// some code
}, 500);
});

jQuery's Chaining Feature

Chaining is a great feature in jQuery that allows you to chain method calls. Here is an example:

$('sampleElement').removeClass('classToBeRemoved').addClass('classToBeAdded');

You can also use jQuery to store state information of DOM elements in your web page. It contains the data() method that you can use to store state information of the DOM elements in key/value pairs. Here is an example:

$('#someElement').data('currentState', 'off');

Lazy Loading

Lazy loading is a great feature in jQuery that ebales you to load only the content that is needed. To use this, you should incorporate the jquery.lazyload.js script file as shown below:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.dimensions.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>
Next, you can use the lazyload() method as shown below:
$("imageObject").lazyload();

Preloading Images

Preloading images in a web page improves performance. This can particularly be useful while an animation is in progress- your web page need not wait for the image to be loaded. You can use jQuery to preload images with simple code. Here is an example:

jQuery.preloadImagesInWebPage = function() {
for(var ctr = 0; ctr<arguments.length; ctr++)
{
jQuery("<img>").attr("src", arguments[ctr]);
}
}
To use the above method, you can use the following piece of code:
$.preloadImages("image1.gif", "image2.gif", "image3.gif");
To check whether an image has been loaded, you can use the following piece of code:
$('#imageObject').attr('src', 'image1.gif').load(function() {
alert('The image has been loaded…');
});

jQuery Cloning

jQuery supports cloning - you can use the clone() method to create a clone of any DOM element in your web page. Here is an example:

var cloneObject = $('#divObject').clone();

The $(document).ready function is called during page render, i.e., while the objects are still being downloaded in the web browser. To reduce CPU utilization while a page is being loaded, you can bind your jQuery functions in the $(window).load event. Note that this event is fired after all objects have been downloaded successfully. This would improve the application performance to a considerable extent as the page load time would be minimized. Other common ways to improve jQuery performance are by compressing the scripts and limiting DOM manipulation as much as possible.

Consider the following piece of code that appends a DOM element inside a loop:

for (var ctr=0; ctr<=rows.length; ctr++)
{
$('#tableObject').append('<tr><td>'+rows[ctr]+'</td></tr>');
}
The above code can be replaced by a more efficient piece of code to minimize DOM manipulation and hence improve application performance as shown below:
var str = '';
for (var x=0; x<=rows.length; x++)
{
str += '<tr><td>'+rows[x]+'</td></tr>';
}
$('#tableObject').append(str);

htmlgoodies.com

1392/12/4       00000             Top 10 jQuery Tips and Tricks       مطالب آموزشی , jQuery



 7Agahi.ir سامانه تبلیغاتی 7 آگهی
7Agahi.ir سامانه آگهی رایگان هفت آگهی


یادداشتها و چرکنویس های من parhost.net گروه فنی مهندسی پرهاست
یادداشتها و چرکنویس های من… یادداشتها ، مطالب ، نکات مهم و کاربردی … :: parhost.net گروه فنی مهندسی پرهاست


اولین مرکز تخصصی غربالگری اتیسم شهر تهران در مرکز اختلال طیف اُتیسم فریحا www.AutismFariha.ir

پایگاه اطلاع رسانی اطلس ها , پایگاه اطلاع رسانی انجمن فناوری اطلاعات , پایگاه اطلاع رسانی 88080.ir , پایگاه اطلاع رسانی اخترشناسان ایران , پایگاه اطلاع رسانی مدیریت و دسترسی به آدرسها و لینکهای اینترنتی , پایگاه اطلاع رسانی ابزارهای فناوری اطلاعات , پایگاه اطلاع رسانی با فرهنگ , پایگاه اطلاع رسانی بهترین گروه و انجمن
مرکز اختلال طیف اُتیسم فریحا , , آموزش هنرهای دوزندگی و چهل تکه دوزی با شادی در شادی دوز با مدیریت مهین حیدرنیا ShadiDooz.ir , , وبلاگ گروه فنی مهندسی پرهاست , , گروه فنی مهندسی پرهاست , , وبلاگ پرهاست , , 7Agahi.ir سامانه آگهی رایگان هفت آگهی
| حامیان اتیسم | از کجا بفهمیم کودکمان اوتیسم دارد | طب سنتی درمان اوتیسم | حرکات اوتیسم چیست | اوتیسم بیماری خاص | اوتیسم چیست pdf | چه چیزی باعث اوتیسم میشه | مراکز غربالگری اوتیسم تهران | سامانه انلاین غربالگری اوتیسم | درمان اختلال اوتیسم در کودکان | درمان مریضی اوتیسم | اوتیسم تبادل نظر | اوتیسم خیلی خفیف | اوتیسم طب سنتی | راهای درمان اوتیسم | autism 4 year old | درمان اوتیسم خفیف در طب سنتی | انواع درمان های اوتیسم | دانلود ریتم اوتیسم 9 | اوتیسم در dsm 5 | مرکز اوتیسم ذهن زیبا | اوتیسم 6 | اوتیسم پسر شهاب حسینی | اوتیسم بازیگر زن | بیماران اوتیسم چگونه هستند | autism ترجمة | اوتیسم چیست ویکی پدیا | autism 23andme | اوتیسم خفیف و مدرسه | اوتیسم جهش ژنتیکی | آیا اوتیسم ژنتیکی است | درمان اوتیسم نظرات | اوتیسم صوتی | سندروم اوتیسم چیست | autism 2 year old checklist | autism 7 year old | autism 50 years ago | بیماریه اوتیسم چیست | اوتیسم از چه زمانی قابل تشخیص است | اوتیسم نوجوانی | اوتیسم درمان شده | اوتیسم و تئوری ذهن | اوتیسم شدید چیست | اوتیسم چه مرضی است | مرض الانعزالیة autism | اوتیسم طباطبایی | autism 100 day kit | جدیدترین داروی درمان اوتیسم | درمان متخصص اوتیسم | درمان اوتیسم کودکان | اوتیسم چه بیماریست | دانلود فیلم autism in love | مراکز درمان اوتیسم | autism اوتیسم | اوتیسم سطح دو | اوتیسم خفیف در نی نی سایت | اوتیسم کودکان | صدای اوتیسم | اوتیسم ب انگلیسی | فرم غربالگری اوتیسم | ارزیابی و درمان اوتیسم | روش درمان سنتی اوتیسم | otizm nedir | autism 9 year old symptoms | dsm 5 autism | درمان اوتیسم اصفهان | اوتیسم بر اثر چیست | autism 1 in 40 | autismo 6 mesi | روش درمان کودکان اوتیسم | برنامه درمانی اوتیسم یکپارچه با خانواده | ما المقصود ب autism | غربالگری تشخیص اوتیسم | بهترین زمان درمان اوتیسم | درمان اوتیسم به کمک حیوانات | اتیسم عملکرد بالا | درمان اختلال طیف اوتیسم | تئوری ذهن اوتیسم | تعریف autism | آیا اوتیسم در دوران بارداری قابل تشخیص است | ظاهر کودکان اوتیسم | اوتیسم در کودکان 4 ساله | اوتیسم در بزرگسالی | روز جهانی اوتیسم 2016 | autism 7 months | autism 2.5 year old | autism 2 | اوتیسم خفیف در کودکان | اوتیسم صمدی | نشانه ی اوتیسم در کودکان | بیماری اوتیسم چیست در کودکان | autism 2 year old boy | اوتیسم زیر دو سال | اوتیسم شهرری | اوتیسم دکتر ضیایی | مرکز درمان اوتیسم | اوتیسم کلاسیک | autisme 2 jaar | درمان اوتیسم به صورت سنتی | autism spectrum 06

@AutismFariha #autism #اولین_پایگاه_غربالگری_تهران #فریحا #مرکزفریحا #تشخیص_اتیسم #اتیسم #fariha #مرکزاتیسم_فریحا #اُتیسم #otism #بهزیستی #اوتیسم_بین_المللی #اتاق_حسی #خاندانی #پایش #AFariha.ir #مشاور #جذب #اختلال_یادگیری #روان_شناسی #توانبخشی #autismfariha.ir #اوتیسم_رسانه #partism #مرکز #otitis_Media #غربالگری #پرتیسم
Copyright © 2002-2020, atlasha.ir. Design and Hosting by ParHost All Rights Reserved.
17921