在jQuery中,我們經(jīng)常需要獲取頁面中的節(jié)點(元素)。而通過使用jquery.on()方法,我們可以獲取指定節(jié)點上的內(nèi)容。
$(document).on("click", "#btn", function(){ var content = $("#content").text(); //獲取節(jié)點上的文本內(nèi)容 console.log(content); });
在上面的代碼中,我們通過綁定click事件并指定按鈕id為#btn,然后在函數(shù)中獲取節(jié)點id為#content的文本內(nèi)容,并通過控制臺輸出。
除了獲取文本內(nèi)容外,我們也可以通過jquery.on()方法獲取節(jié)點的其他屬性值,如節(jié)點寬度、高度、class、href等等。
$(document).on("mouseover", "#box", function(){ var width = $(this).width(); //獲取節(jié)點寬度 var height = $(this).height(); //獲取節(jié)點高度 var className = $(this).attr("class"); //獲取節(jié)點class屬性值 var href = $(this).attr("href"); //獲取節(jié)點href屬性值 console.log("寬度:" + width + ",高度:" + height + ",class:" + className + ",href:" + href); });
在上面的代碼中,我們通過綁定mouseover事件并指定節(jié)點id為#box,然后在函數(shù)中獲取節(jié)點的寬度、高度、class屬性值和href屬性值,并通過控制臺輸出。