jQuery是目前被廣泛應(yīng)用的Javascript框架之一,它提供了豐富的API讓開(kāi)發(fā)者可以更加便捷地操作HTML文檔,其中attr和onscroll是兩個(gè)常用的API。
$(selector).attr(attribute,value)
attr用來(lái)獲取或設(shè)置指定元素的屬性值,其中selector是選擇器,attribute是要操作的屬性名,value是要設(shè)置或獲取的屬性值。例如,我們要獲取id為"test"的元素的class屬性:
var className = $("#test").attr("class");
onscroll是觸發(fā)元素滾動(dòng)事件的屬性。我們可以為滾動(dòng)元素添加onscroll事件,當(dāng)此元素被滾動(dòng)時(shí)會(huì)觸發(fā)該事件。以下是onscroll事件的用法:
$(selector).onscroll(function(){ //執(zhí)行的代碼 });
其中,selector也是指定元素的選擇器,onscroll后的function是該事件被觸發(fā)后需要執(zhí)行的代碼塊。下面舉一個(gè)onscroll的實(shí)例:
$(window).onscroll(function(){ if($(this).scrollTop() >50){ $("#goTop").fadeIn(); }else{ $("#goTop").fadeOut(); } });
這里我們?yōu)闉g覽器窗口添加了onscroll事件,當(dāng)滾動(dòng)高度超過(guò)50像素時(shí),顯示"回到頂部"按鈕,否則隱藏按鈕。
以上就是關(guān)于jquery attr onscroll的簡(jiǎn)要介紹,它們都是在開(kāi)發(fā)過(guò)程中常用的API,熟悉它們能夠讓我們更加方便地操作HTML文檔,提高開(kāi)發(fā)效率。
上一篇圖片居中文字css代碼