生活随笔
收集整理的這篇文章主要介紹了
jq onclick
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
jQuery中，要使用attr()方法操作標簽中的onclick屬性必須使用jq庫1.6或更新的庫版本！針對標簽屬性的操作都是使用attr()方法來實現的
獲取指定元素的屬性值:? $(選擇器).attr(屬性名)?
如設置onclick屬性：? ? ? $("a").attr("onclick","test();");
設置多個屬性(題外話):? ?$("a").attr({"href":"javacript:;","onclick":"receiveGift(this)"});
刪除onclick屬性：? ? ? ? ? $("a").removeAttr("onclick");
綁定執行一次的click事件:??$("#exchange1").one("click",(function () { ?}))???
解綁事件: $("#exchange1").unbind();
<!DOCTYPE html>
<html lang="en">
<head><script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script><meta charset="UTF-8"><title>Title</title>
</head>
<body><p><a id="exchange1" href="javascript:;">點擊調用exchange1方法</a><p><p><h2><a id="top">這是標題，底部鏈接可以鏈接到這</a></h2><p><a class="b" href="javascript:;" onclick="test();">點擊后去掉該鏈接的onclick屬性</a><p><a class="c" href="javascript:;" onclick="javascript:test();" >點我onclick調用函數,只使用一次</a><p><a class="d" href="javascript:;" >調用函數,只使用一次</a><p><a href="javascript:test();" >點我href調用函數</a><p><a title="編輯" href ="javascript:return false;" onclick="return false;">點擊事件不可用</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><p><a href="#top">鏈接到標題</a><script type="text/javascript">$(function(){//觸發點擊事件,相當于手動點擊了超鏈接a//$(".b").click();}); $("#exchange1").one("click",(function () {//只執行一次alert("exchange1被調用了");}))$(".d").one("click",function(){console.log(222)});function test(){console.log(111)//a標簽中去掉了href="#" 頁面顯示沒有小鼠標 沒有下劃線//href="#" 改成javascript:;(一般使用這個)/javascript:return false;可以不讓頁面跳到頂部,#默認鏈接到頁首，有些瀏覽器會重新載入本頁面。//href="javascript:void();"其實這樣寫，在ie可能是有問題的，void()需要傳入參數，一般為href="javascript:void(0);//$(".b").attr("onclick","test();");//添加onclick事件//$(".b").removeAttr("onclick"); //不可點擊: 移除onclick事件或者改變屬性onclick="return false;"$(".b").attr("onclick","return false;");//一般使用這個,少用這個javascript:;return false;//通過一個偽鏈接來調用javascript方法,雖然點擊該鏈接的時候不會跳轉頁面.但是滾動條會往上滾,解決的辦法是返回一個false.//<a href="#" onclick="javascript:方法;return false;">提交</a>//改變多個屬性$("#soft-list").find(".btns").addClass('disbtns').attr({"href":"javacript:;","onclick":"receiveGift(this)"});//注意: 元素id和onclick函數名不能一致，否則就會導致onclick失效}</script>
</body>
</html>
?
總結
以上是生活随笔為你收集整理的jq onclick的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
