JQuery中的A事件是一種非常常用的事件類型,它可以讓我們?cè)谟脩酎c(diǎn)擊鏈接時(shí)執(zhí)行自定義的操作。
使用標(biāo)簽創(chuàng)建一個(gè)鏈接,設(shè)置鏈接的href屬性以及data-id屬性,并在JQuery中綁定a標(biāo)簽的click事件:
<a href="#" data-id="123">鏈接</a> <script> $("a").click(function(){ var id = $(this).data("id"); console.log("點(diǎn)擊了鏈接,id為:" + id); }); </script>
在這個(gè)例子中,我們使用了data()方法獲取了a標(biāo)簽的data-id屬性值,并在控制臺(tái)中輸出了該值。
除了使用data()方法獲取自定義屬性的值外,我們還可以使用attr()方法獲取鏈接的href屬性值:
<a >鏈接</a> <script> $("a").click(function(){ var href = $(this).attr("href"); console.log("點(diǎn)擊了鏈接,鏈接地址為:" + href); }); </script>
在這個(gè)例子中,我們獲取了a標(biāo)簽的href屬性值,并輸出到控制臺(tái)中。
總之,JQuery中的A事件是非常常用的,它可以讓我們?cè)谟脩酎c(diǎn)擊鏈接時(shí)執(zhí)行自定義的操作。你可以使用data()方法獲取自定義屬性的值,也可以使用attr()方法獲取鏈接的href屬性值。
上一篇jquery a 文字
下一篇jquery a 不可用