JQuery 是一種比較流行的 JavaScript 庫(kù)。它可以幫助開發(fā)者更加方便地操作 HTML、CSS 和 JavaScript。點(diǎn)擊事件是頁(yè)面開發(fā)中比較常見的一類交互行為,JQuery 提供了 click() 函數(shù)來(lái)捕獲點(diǎn)擊事件。
$(document).ready(function() { $("p").click(function() { alert("你點(diǎn)擊了這段文本!"); }); });
上述代碼表示當(dāng)頁(yè)面加載完畢后,當(dāng)用戶點(diǎn)擊<p>
標(biāo)簽時(shí),彈出一個(gè)警告框,“你點(diǎn)擊了這段文本!”。$()
函數(shù)是 JQuery 的入口函數(shù),$(document).ready(function() {})
表示頁(yè)面加載完畢后會(huì)執(zhí)行其中的代碼。而其中的$("p")
表示選擇所有<p>
標(biāo)簽,而.click(function() {})
則是為所選擇的元素添加點(diǎn)擊事件。
除此之外,JQuery click() 函數(shù)還可以執(zhí)行其他一些操作,例如:
// 禁用超鏈接 $("a").click(function(e) { e.preventDefault(); }); // 切換元素的可見性 $("#hide").click(function() { $("p").hide(); }); $("#show").click(function() { $("p").show(); }); // 雙擊事件 $("p").dblclick(function() { alert("你雙擊了這段文本!"); });
通過(guò) JQuery 這個(gè)強(qiáng)大的工具,我們能夠快速地為頁(yè)面添加各種交互行為,從而提升用戶體驗(yàn)。