X
X
X
Website Search®
X
Blog Archive®

❖ Seleksi Semua Link Ekternal

JQuery Custom Selector


Kustomisasi Selektor

Sisipkan kode ini untuk menciptakan selektor baru bernama :external

// Buat selektor custom :external
$.expr[':'].external = function(obj) {
return !obj.href.match(/^mailto\:/)
&& (obj.hostname != location.hostname);
};


Contoh Penerapan

Otomatis Membuka Semua Link Eksternal di Tab/Jendela Baru

$(function() {
$('a:external').attr('target', '_blank'); // menambahkan atribut "target" dengan nilai "_blank"
});

Menandai Semua Link Eksternal

$(function() {
$('a:external').addClass('eksternal'); // menambahkan class="eksternal" pada semua link eksternal
});
/* Sedikit kode CSS */
.eksternal {color:red;}



X

Posting Komentar