jQuery動態(tài)移除與增加onclick屬性的方法詳解

更新時間：2018年06月07日 15:04:21 作者：敲鍵盤的貓

這篇文章主要介紹了jQuery動態(tài)移除與增加onclick屬性的方法,結合實例形式分析了jQuery使用attr與removeAttr方法針對元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下

本文實例講述了jQuery動態(tài)移除與增加onclick屬性的方法。分享給大家供大家參考，具體如下：

這里給大家介紹利用jquery的removeAttr與attr事件來給a標簽增加與刪除onclick事件的具體操作方法，有需要了解的朋友可參考。

要實現(xiàn)效果：點擊鏈接先去掉onclick屬性，3秒后再自動加上該標簽中的onclick屬性

jQuery中，針對標簽屬性的操作都是使用attr()方法來實現(xiàn)的，比如：$("a").attr("onclick")可獲得a標簽的onclick屬性,對應的：

增加事件

$(選擇器).attr(屬性名) 它的作用就是獲取指定元素( $(選擇器)部分 )的指定屬性的值

如設置onclick屬性：

$("a").attr("onclick","test();");

刪除事件

$(selector).removeAttr(attribute)

例如刪除onclick屬性：

$("a").removeAttr("onclick");

理論上上面的代碼沒問題，但實際上上面語句不執(zhí)行也不報錯，后來發(fā)現(xiàn)原因：

jquery 1.6之前的版本并不支持attr()方法對標簽onclick屬性的相關操作！

換句話說要使用attr()方法操作標簽中的onclick屬性必須使用jq庫1.6或更新的庫版本！

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
 $(".b").click(function(){
 $(this).removeAttr("onclick");
 setTimeout(function(){
  $(".b").attr("onclick","test();");
  },3000)
 })
 })
function test(){}
</script>
<p>
 <a class="b" href="#" rel="external nofollow" onclick="test();">點擊去掉該鏈接的onclick屬性，3秒后再自動加上該onclick屬性</a>
</p>

jquery中刪除屬性的關鍵詞是: removeAttr 注意A是大寫

jquery還有一個解除事件委派的方法：unbind([eventType])。參數(shù)是可選的，如果不選，則表示移除節(jié)點所有已綁定事件。

這里你只需要解除click事件，可以用$("#s1").unbind("click")來處理。

更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》及《jquery選擇器用法總結》

希望本文所述對大家jQuery程序設計有所幫助。

您可能感興趣的文章:

解決jQuery插件tipswindown與hintbox沖突
先掃下盲：tipswindown是jQuery的彈窗插件，可以使用url或當前頁元素顯示在模擬層中；hintbox是jQuery的類似Google Suggestions插件。
2010-11-11
jQuery新的事件綁定機制on()示例應用
從jQuery1.7開始，jQuery引入了全新的事件綁定機制，on()和off()兩個函數(shù)統(tǒng)一處理事件綁定，下面通過示例為大家介紹下
2014-07-07
修改jquery.lazyload.js實現(xiàn)頁面延遲載入
jquery.lazyload.js并未真正的實現(xiàn)頁面延遲載入，它的實現(xiàn)原理是頁面載入完畢后將html中所有img標簽的src屬性都替換為空，把src的初始值存儲到一個自定義的屬性中，當頁面滾動到img標簽位置時再將圖片載入進來。
2010-12-12
jquery動態(tài)切換背景圖片的簡單實現(xiàn)方法
這篇文章主要介紹了jquery動態(tài)切換背景圖片的簡單實現(xiàn)方法,涉及jQuery自定義函數(shù)結合時間函數(shù)動態(tài)變換背景圖片的相關技巧,需要的朋友可以參考下
2016-05-05
jquery點擊改變class并toggle的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨query點擊改變class并toggle的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
幾個比較經典常用的jQuery小技巧
現(xiàn)在講一下幾個比較經典，而且比較常用的 jQuery 技巧，相信你能舉一反三。
2010-03-03
jQuery實現(xiàn)頁面內錨點平滑跳轉特效的方法總結
通過jQuery實現(xiàn)頁面內錨點平滑跳轉的方法很多，可以通過插件hovertreescroll實現(xiàn)，也可以簡單的通過animate方法實現(xiàn)，下面介紹這2種比較簡單的方法。
2015-05-05
詳談Ajax請求中的async:false/true的作用(ajax 在外部調用問題)
下面小編就為大家?guī)硪黄斦凙jax請求中的async:false/true的作用(ajax返回值在外部調用問題)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
jQuery基于當前元素進行下一步的遍歷
通過jQuery方法選中了元素，如何基于這些已經選中的元素進行下一步的遍歷呢？下面有個不錯的示例，大家可以參考下
2014-05-05
jquery單選框radio綁定click事件實現(xiàn)方法
這篇文章主要介紹了jquery單選框radio綁定click事件實現(xiàn)方法,可實現(xiàn)針對單選框radio值的改變作出響應,非常具有實用價值,需要的朋友可以參考下
2015-01-01