Rumah  >  Artikel  >  hujung hadapan web  >  Ringkasan kod kesan khas untuk memadankan pautan bar alamat jquery dan link_jquery tag

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

WBOY
WBOYasal
2016-05-16 15:43:01986semak imbas

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;
        }
     });
}

Bagaimana untuk memanggilnya?

Kod panggilan jquery berikut:

$(function(){
  currStyle($("#sidebar .list a"));
})

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"; 

jquery: Kodnya adalah seperti berikut:

$("#myId").attr("href","www.xxx.com"); 

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

Kenyataan:
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