DIV CSS 佈局教程網

jquery使a鏈接無效
編輯:JQuery常見問題     
體驗效果:http:///keleyi/phtml/jquery/12.htm

以下是完整代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery使a鏈接無效-</title><base target="_blank" />
<script type="text/javascript" src="http:///keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
</head>
<body>
<div>
點擊按鈕,則本頁面的a鏈接全部失效。<br />
<div style="background-color:White"><a href="http://" target="_blank"></a>jquery使a鏈接無效<a href="http:///a/bjac/lx3u7na0.htm">原文</a> </div>
<input id="disable_keleyi_com" type="button" value="使本頁的a鏈接失效" />
</div>
<div>
<ul>
<li><a href="http:///a/bjac/jp71q5jt.htm">jQuery簡便實現遮罩層</a></li><li><a href="http:///a/bjac/fqla3dg9.htm">jQuery插件的編寫技巧</a></li><li><a href="http:///a/bjac/xnoksy9i.htm">jQuery插件開發示例</a></li><li><a href="http:///a/bjac/tv16sjeb.htm">jquery只能輸入數字方法</a></li><li><a href="http:///a/bjac/82awhkfg.htm">jquery背景圖片滑動效果</a></li><li><a href="http:///a/bjac/06r1x7tg.htm" title="美女畢業了 好強大的jquery相冊實例">美女畢業了 好強大的jquery相冊實...</a></li><li><a href="http:///a/bjac/iihv7dpq.htm">jquery選擇id為keleyi的a元素</a></li><li><a href="http:///a/bjac/rgqhstpb.htm">jquery name 選擇器</a></li><li><a href="http:///a/bjac/equl0nue.htm" title="jQuery.attr(elem, name, value, pass)從1.9開始已經移除">jQuery.attr(elem, name, value, p...</a></li><li><a href="http:///a/bjac/uxcoggkn.htm">jquery1.9移除和修改的apis</a></li><li><a href="http:///a/bjac/vc7cmipj.htm" title="jquery 1.10.2和2.0.3以及migrate 1.2.1下載">jquery 1.10.2和2.0.3以及migrate ...</a></li><li><a href="http:///a/bjac/brpi6t6h.htm">jquery升級到1.9以上</a></li><li><a href="http:///a/bjac/wtiuxpsu.htm" title="jQuery 1.9 移除了 $.browser 的替代方法">jQuery 1.9 移除了 $.browser 的替...</a></li><li><a href="http:///a/bjac/no0m3cb1.htm" title="jquery自定義對話框alert、confirm和prompt">jquery自定義對話框alert、confirm...</a></li><li><a href="http:///a/bjac/gucmqug3.htm">jquery圖片上下自動或箭頭控制滾動</a></li><li><a href="http:///a/bjac/lgg5u5qk.htm">獲取div等元素的相對位置</a></li><li><a href="http:///a/bjac/x1dd7ulx.htm">獲取DIV的高度</a></li><li><a href="http:///a/bjac/amrfcwa3.htm" title="select下拉列表 改變事件 jquery change">select下拉列表 改變事件 jquery c...</a></li><li><a href="http:///a/bjac/lxpaofwu.htm" title="Jquery通過改變img的src地址動態換圖片">Jquery通過改變img的src地址動態換...</a></li><li><a href="http:///a/bjac/dikbieq9.htm">jQuery attr() 屬性操作方法</a></li><li><a href="http:///a/bjac/x8v9lfew.htm">jquery添加和除移DOM</a></li><li><a href="http:///a/bjac/h0fmaco7.htm" title="常用的JQuery數字類型驗證正則表達式">常用的JQuery數字類型驗證正則表達...</a></li><li><a href="http:///a/bjac/3n8d6g5f.htm">jstree樹形菜單</a></li><li><a href="http:///a/bjac/j4kedhuq.htm">jquery彈窗</a></li><li><a href="http:///a/bjac/et551617.htm">圖片延遲加載</a></li><li><a href="http:///a/bjac/waljhxqw.htm">jquery圖片延時加載(特效)</a></li><li><a href="http:///a/bjac/uk9m33s4.htm">jQuery UI 菜單</a></li><li><a href="http:///a/bjac/2ntd93mh.htm">jquery獲取元素到頁面頂部距離</a></li><li><a href="http:///a/bjac/7cc2358ac924ebc5.htm">藍色方塊返回頂部</a></li><li><a href="http:///a/bjac/471b2cd96e43c94d.htm">jquery 1.10.1和2.0.2下載</a></li><li><a href="http:///a/bjac/cf99e7d9c491fc50.htm" title="最流行的JavaScript庫,jQuery不再支持IE舊版本">最流行的JavaScript庫,jQuery不再...</a></li><li><a href="http:///a/bjac/68ca3404c7c108ef.htm" title="Jquery實現遮罩層,彈出DIV周圍都灰色不能操作">Jquery實現遮罩層,彈出DIV周圍都...</a></li><li><a href="http:///a/bjac/5aed2303707e30fa.htm">jquery ui dialog</a></li><li><a href="http:///a/bjac/5b62295315de9ace.htm">animate</a></li><li><a href="http:///a/bjac/5939d3b2c920ff6d.htm">jquery ui dialog彈出div層對話框</a></li><li><a href="http:///a/bjac/9dd21532ed1dbf23.htm">Jquery UI實現可拖動div</a></li><li><a href="http:///a/bjac/8aa32432160f9aa4.htm">漂亮的返回頂部、底部和留言</a></li><li><a href="http:///a/bjac/532bedbffca1affa.htm" title="單行文字間歇向上滾動,放上光標就停,移開繼續滾動">單行文字間歇向上滾動,放上光標就...</a></li><li><a href="http:///a/bjac/13639353acde40c.htm">左側可彈出隱藏div</a></li><li><a href="http:///a/bjac/d863921ed93d03ff.htm">jquery修改a標簽的href鏈接和文字</a></li><li><a href="http:///a/bjac/6f008786225269ac.htm">jquery純文本返回頂部</a></li></ul>
</div>
<script type="text/javascript">
$("#disable_kel"+"eyi_com").bind("click", function () {
$("a").removeAttr('href');
})
</script>
</body>
</html>


其中用到jquery的移除屬性方法removeAttr,請參考:http:///a/bjac/3wdrld0b.htm

如果不是要使鏈接無效,而是要修改鏈接,請參考:http:///a/bjac/d863921ed93d03ff.htm
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved