許多網頁中都有超鏈接,其中有時我們需要禁用一個超鏈接,避免用戶誤操作。下面介紹如何使用jquery來設置a標簽不可用。
<script type="text/javascript"> $(document).ready(function(){ $('a.disable-link').click(function(event){ event.preventDefault(); }); }); </script>
上述代碼中,我們首先使用jquery的document.ready()函數,確保DOM加載完成后再執行代碼。然后我們選擇所有class為"disable-link"的a標簽,并為它們綁定click事件。當用戶點擊這些標簽時,我們使用event.preventDefault()方法來禁用瀏覽器默認的超鏈接行為。
如果需要禁用所有a標簽,可以將選擇器改為$('a'),這樣即可選擇所有a標簽并使它們不可用。
另外,如果只是想阻止鏈接跳轉,但鏈接依然能夠點擊,可以使用如下代碼:
<script type="text/javascript"> $(document).ready(function(){ $('a.disable-link').attr('href', 'javascript: void(0);'); }); </script>
這里我們同樣選擇class為"disable-link"的a標簽,并通過使用attr()方法來設置它們的href屬性為javascript:void(0);,從而使它們不再跳轉到任何URL。
上一篇jquery讓文本框清空
下一篇jquery記不住類名