在日常的網頁開發中,經常會用到a標簽,它是表示超鏈接的元素。有時候我們希望a標簽只做展示作用,而不能被點擊跳轉到其他頁面,這時候可以通過使用jQuery來設置a標簽為只讀。
$('a').click(function(e){ e.preventDefault(); });
上面的代碼通過給所有a標簽綁定一個click事件來阻止其默認的跳轉行為。在點擊a標簽時,會執行preventDefault()函數來阻止鏈接跳轉。
需要注意的是,這種方式雖然可以阻止a標簽的跳轉,但并不能真正的將其設置為只讀狀態。如果需要在某些情況下真正禁止用戶對鏈接進行操作,可以將a標簽的href屬性和onclick事件都置為false。
$('a').removeAttr('href'); $('a').removeAttr('onclick');
以上代碼會將所有a標簽的href屬性和onclick事件都移除。這樣即使用戶對鏈接進行點擊操作,也不會有任何反應。
上一篇div css 梯形
下一篇div class 定義