jQuery adalah framework javascript yang cukup populer selain mootools dan scriptaculous, sudah banyak juga tutorial yang beredar di internet, termasuk forum dan plugin – pluginnya baik yang free ataupun yang berbayar. Masalah yang timbul saat anda menggunakan beberapa plugin jQuery dalam 1 website adalah compatibility dari plugin tersebut terhadap versi jQuery yang anda gunakan. Sampai dengan tulisan ini dibuat versi jQuery yang paling terakhir adalah v1.6.4.
Pengalaman pribadi saat saya menggunakan free plugin yang saya download untuk Image Slider dan Image Gallery dalam 1 halaman mengakibatkan semua perintah javascript menjadi tidak berjalan sebagaimana mestinya karena plugin Image Gallery menggunakan jQuery v1.4.2 sedangkan untuk Image Slider memakai jQuery v.1.3.2, jika saya harus mencari bug di salah satu plugin mungkin akan memakan waktu lebih lama dan client tidak mau menggunakan plugin lain yang saya tawarkan, jadi jalan satu – satunya yang paling singkat adalah menggunakan 2 versi jQuery sekaligus hanya pada halaman munculnya Image Gallery dan Image Slider secara bersamaan.
Triknya agar 2 versi jQuery dapat dipanggil secara bersamaan dalam 1 halaman adalah dengan menggunakan fungsi :

noConflict()

pada salah satu versi jQuerynya. Pertama – tama include kedua file jQuery di header halaman :

<script type="text/javascript" src="http://code.jquery.com/jquery-1.3.2.js">

</script> <script type="text/javascript"> $.noConflict(true); 

</script> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>

Jadi untuk memanggil jQuery v1.3.2 bisa dengan

jQuery

sedangkan untuk memanggil jQuery v1.4.2 dengan $ tapi untuk lebih spesifik bisa dengan cara berikut :

<script type="text/javascript" src="http://code.jquery.com/jquery-1.3.2.js"</script> 

<script type="text/javascript"> var jQuery132 = $.noConflict(true); 

</script> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js">

</script> <script type="text/javascript"> var jQuery142 = $.noConflict(true); </script>

Jadi anda dapat memanggil jQuery versi 1.3.2 dengan cara :

jQuery132("element").addClass("myClass");

dan untuk jQuery versi 1.4.2 bisa dengan menggunakan :

jQuery142("element").removeClass("myClass");

Tapi jika anda tetap ingin menggunakan $ padahal sudah membuat alias menjadi jQuery, maka anda
dapat menulis fungsi seperti ini :

(function($){ //$ Code goes here })(jQuery132);

Maka fungsi ini secara otomatis akan menggunakan jQuery versi 1.3.2. pastikan fungsi “noConflict” dipanggil sebelum menjalankan JavaScript lainnya, untuk memastikan anda bisa menambahkan

var jQuery142 = $.noConflict(true);

atau

var jQuery = $.noConflict(true);

di dalam file jQuery.js di baris paling bawah.
Untuk memeriksa apakah “jQuery” sudah ada atau belum anda bisa menggunakan script dibawah ini untuk memeriksa :

if(typeof (jQuery) == “undefined") { //jQuery undefined } else { //jQuery defined } 

Anda dapat melakukan explorasi lebih lanjut lagi dengan fungsi – fungsi di atas, selamat berkreatifitas.