您好,登錄后才能下訂單哦!
本文實例講述了jQuery動態移除與增加onclick屬性的方法。分享給大家供大家參考,具體如下:
這里給大家介紹利用jquery的removeAttr
與attr
事件來給a標簽增加與刪除onclick事件的具體操作方法,有需要了解的朋友可參考。
要實現效果:點擊鏈接先去掉onclick屬性,3秒后再自動加上該標簽中的onclick屬性
jQuery中,針對標簽屬性的操作都是使用attr()
方法來實現的,比如:$("a").attr("onclick")
可獲得a標簽的onclick
屬性,對應的:
增加事件
$(選擇器).attr(屬性名) 它的作用就是獲取指定元素( $(選擇器)部分 )的指定屬性的值
如設置onclick屬性:
$("a").attr("onclick","test();");
刪除事件
$(selector).removeAttr(attribute)
例如 刪除onclick屬性:
$("a").removeAttr("onclick");
理論上上面的代碼沒問題,但實際上上面語句不執行也不報錯,后來發現原因:
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])
。參數是可選的,如果不選,則表示移除節點所有已綁定事件。
這里你只需要解除click事件,可以用$("#s1").unbind("click")
來處理。
更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數據技巧匯總》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。