INFO TERKINI

 Seperti yang anda ketahui , jquery berfokus pada sebuah permintaan jadi intinya adalah memungkinkan anda untuk menemukan element DOM menggunakan sebuah CSS pilihan dan menambahkan ke bagian koleksi.

 jQuery browser yang menggunakan metode API asli untuk mengambil koleksi DOM. Browser yang lebih baru dukungan getElementsByClassName, querySelector dan querySelectorAll yang mem-parsing sintaks CSS. Namun, browser lama hanya menawarkan getElementById dan getElementByTagName. Dalam skenario terburuk, yang jQuery Sizzle mesin harus mengurai string pemilih dan berburu untuk elemen yang cocok.

Berikut adalah lima tips yang dapat membantu Anda mengoptimalkan penyeleksi jQuery Anda .


1. Gunakan ID jika di perlukan

HTML ID atribut yang unik di setiap halaman dan bahkan browser lebih lama dapat menemukan satu elemen yang sangat cepat

• $("#myelement");

2. Hindari Memilih elemen yang berat

Pemilihan elemen jquery yang ringan akan berjalan cepat dalam browser terkini

• $(".myclass");

3. Tetap menjaga yang berukuran yang normal

Hindari terlalu penyeleksi kompleks. Kecuali Anda memiliki dokumen HTML yang sangat kompleks, itu jarang Anda akan membutuhkan lebih dari dua atau tiga kualifikasi.

• $("body #page:first-child article.main p#intro em");

4. Meningkatkan Spesifisitas dari Kiri ke Kanan

Sebuah sedikit pengetahuan tentang mesin pemilih jQuery berguna. Ia bekerja dari pemilih terakhir pertama sehingga, di browser lama.

• $("p#intro em");

setiap beban em elemen ke dalam array. Ia kemudian bekerja sampai  dari masing-masing node dan menolak orang-orang dimana p # intro tidak dapat ditemukan. Query akan sangat tidak efisien jika Anda memiliki ratusan em tag pada halaman.

Tergantung pada dokumen Anda, query dapat dioptimalkan dengan mengambil pemilih berkualitas terbaik pertama. Hal ini kemudian dapat digunakan sebagai titik awal untuk penyeleksi, misalnya

• $("em", $("p#intro")); // or  
• $("p#intro").find("em");  

5. Hindari Pengulangan Seleksi

Ini jarang diperlukan untuk menggunakan pemilih yang sama dua kali. Kode berikut memilih setiap tag p tiga kali.

• $("p").css("color", "blue");  
• $("p").css("font-size", "1.2em");  
• $("p").text("Text changed!"); 

Anda harus cache objek jQuery dalam variabel jika Anda perlu menggunakan set yang sama elemen beberapa kali, misalnya

var $p = $("p");  
$p.css("color", "blue");  
$p.text("Text changed!")


Tidak seperti koleksi standar DOM, koleksi jQuery tidak hidup dan objek tidak diperbarui bila tag paragraf akan ditambahkan atau dihapus dari dokumen. Anda dapat kode di sekitar pembatasan ini dengan menciptakan koleksi DOM dan diteruskan ke fungsi jQuery ketika itu diperlukan, misalnya

 Beberapa bulan yang lalu saya sudah pernah menuliskan tentang cara memasang breadcrumb pada blog anda , pada breadcrumb tersebut mempunyai sebuah kekurangan yaitu pada label breadcrumb yang tampil , karena pada label yang tampil cuman akan menampilkan label pada posisi terakhir sesuai dengan abjad.

 Jika artikel memilik sebuah 2 label , maka breadcrumb sebelumnya hanya dapat menampilkan label yang mempunya abjad terakhir akan tampil . Misal saya mempunyai sebuah artikel yang mempunyai 2 label yaitu SEO dan Tutorial Blogger , maka dari kedua label tersebut yang akan tampil adalah Tutorial blogger padahal kan label SEO juga sangat perlu untuk di tampilkan , karena pada artikel yang mempunyai 2 label itu tidak hanya untuk sebagai tutorial blogger namun ada pun tips SEO pada artikel tersebut.

 Nah semua masalah diatas kini anda bisa atasi dengan memodifikasi breadcrumb lama anda dengan versi terbarunya.

Cara Memodifikasi Breadcrumb Pada Blog.

1. Masuk pada blogger anda , pada menu dasboard pergi ke design > edit html > expand widget template













2. Kemudian cari kode Unlabelled pada menu edit html , jika kita lihat keseluruhan kode tersebut maka akan nampak seperti dibawah ini.

>Unlabelled

Note : Untuk memudahkan pencarian kode , gunakan F3 atau ctrl + F.

3. Lalu ganti semua kode diatas dengan kode dibawah ini


<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'> &gt;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast == &quot;true&quot;'>,</b:if>
</b:loop>
<b:else/>
&gt;Unlabelled
</b:if>

4. Klik save template dan selesai

Kini breadcrumb anda sudah bisa membaca lebih dari 1 label per halaman dan untuk memastikannya anda bisa mengecek pada artikel anda yang memiliki label lebih dari 1.

 Pada artikel kali bisa mungkin di tujukan kepada teman blogger baru kita atau anda yang bukan blogger baru juga bisa mencobanya . Meningkatkan page view blog anda , bisa anda lakukan dengan add ons dari mozilla yang satu ini , add ons ini bisa menjadi jalan alternatif bagi blogger baru supaya bisa dengan mudah mendaptkan page view di blog nya di di tambah lagi bisa menjadi jalan mempercepat ranking blog baru anda lebih cepat naik.

 Add ons ini bernama " Reloadevery " yang di buat oleh " Jaap Haitsma " , fungsi utama dari add ons ini adalah mereload / merefresh pada halaman yang sedang di buka . Anda bisa bayangkan , jika pada beberapa detik atau tergantung waktu yang anda tentukan pada add ons ini , dalam setiap refresh blog anda mendapatkan page view.

Anda bisa mencoba add ons ini dengan mengklik DISINI , jika anda ingin mencobanya.

Note : khusus pemakai mozzilla firefox 4.0

1. Klik " continue to download " jika sudah masuk pada situs reload every








2 . Setelah anda menekan continue to download , klik add to firefox lalu akan terjadi proses download pada firefox anda.

3. Proses download selesai , akan muncul pop out dan pada pop out tersebut anda bisa mengklik " Instal Now "









4. Jika telah mengklik instal now , firefox anda akan meminta untuk proses restart , klik saja restart jika pada firefox anda muncul pop out untuk meminta restart.

5. Setelah proses restart pada firefox selesai , kini anda sudah bisa memakai add ons ini pada firefox anda.

Cara setting pada add ons ini cukup mudah , dengan mengklik tanda panah pada tombol reload yang ada pada browser firefox anda , lalu pilih waktu reload yang bisa anda bisa tentukan sendiri.