Cara Menggunakan jQuery Library secara Async / Defer.
Cara Menggunakan jQuery Library secara Async / Defer.

Cara Menggunakan jQuery Library secara Async / Defer.

Oleh. Kang Rian ·
Untuk menggunakan jQuery library secara async/defer, caranya dengan membuat tag external jquery library menggunakan javascript dengan memanfaatkan event onload untuk memastikan jquery library sudah dimuat.

Oke, Langsung saja gan! silahkan simpan kode berikut sebelum tag </body> atau pada file javascript web agan :

jQuery Library ( ASYNC )

if (typeof jQuery == 'undefined') {
var jquery_library = document.createElement('script');
jquery_library.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js';
jquery_library.type = 'text/javascript';
jquery_library.async = true;
document.head.appendChild(jquery_library);
jquery_library.onload = function() {
jquery();
};
} else {
jquery();
}

jQuery Library ( DEFER )

if (typeof jQuery == 'undefined') {
var jquery_library = document.createElement('script');
jquery_library.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js';
jquery_library.type = 'text/javascript';
jquery_library.defer = true;
document.head.appendChild(jquery_library);
jquery_library.onload = function() {
jquery();
};
} else {
jquery();
}
Untuk menggunkan kode jquery silahkan buat function jquery() { .. kode jquery .. } pada file javascript web agan, contoh :

Cara Memanggil fungsi jQuery

function jquery() {
$(document).ready(function(){
alert('Halo, juragan..');
});
}
Semoga bermanfaat!
  Terakhir diperbarui :
Silahkan berikan komentar jika ada pertanyaan / masukan untuk postingan ini. Terima kasih telah berkunjung! - Salam, KangRian.NET
Gunakan format BBCode yang tersedia berikut ini saat menulis komentar, untuk menampilkan media seperti: Gambar, Video YouTube, Potongan Kode, dsb..