Ringkasan kod kesan khas untuk memadankan pautan bar alamat jquery dan link_jquery tag

WBOY
Lepaskan: 2016-05-16 15:43:01
asal
990 orang telah melayarinya

Seperti yang dinyatakan dalam tajuk, apabila fungsi sedemikian muncul, selepas mengklik pautan, tambah gaya pada alamat pautan selepas lompatan, dan tambah gaya istimewa dengan menambah kelas sebagai semasa.

Seperti yang ditunjukkan dalam gambar: Selepas mengklik pada lompatan HTML css3, tambahkan gaya gambar padanya:

Kod js adalah seperti berikut:

var currUrl = window.location.href;
   var currStyle = function (links){
     links.each(function(){
        var url = $(this).attr('href');
        if (currUrl.indexOf(url) != -1){
          $(this).addClass("current");
          return false;
        }
     });
}
Salin selepas log masuk

Bagaimana untuk memanggilnya?

Kod panggilan jquery berikut:

$(function(){
  currStyle($("#sidebar .list a"));
})
Salin selepas log masuk

Ini mencapai fungsi seperti yang ditunjukkan dalam gambar.

Javascript dan jquery mengubah suai atribut href bagi teg

Kod javascript adalah seperti berikut:

document.getElementById("myId").setAttribute("href","www.xxx.com"); 
document.getElementById("myId").href = "www.xxx.com"; 
Salin selepas log masuk

jquery: Kodnya adalah seperti berikut:

$("#myId").attr("href","www.xxx.com"); 
Salin selepas log masuk

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan