jq onclick

最新推荐文章于 2020-12-21 13:18:20 发布

qq_31459039

最新推荐文章于 2020-12-21 13:18:20 发布

阅读量2.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_31459039/article/details/84645853

版权

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

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>

qq_31459039

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
jq onclick

jQuery中，要使用attr()方法操作标签中的onclick属性必须使用jq库1.6或更新的库版本！针对标签属性的操作都是使用attr()方法来实现的获取指定元素的属性值: $(选择器).attr(属性名)如设置onclick属性： $("a").attr("onclick","test();");设置多个属性(题外话): $("a").attr({"href":"j...
复制链接

扫一扫