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相关推荐

jq onclick 定义_关于js中的onclick事件和JQuery中的click方法
1.onclick是绑定的事件(它是一个事件),注意该事件绑定只是JacaScript中有,Jquery中并没有此事件,告诉浏览器在鼠标点击时候要做什么测试onclick事件 function mo ...
jq onclick 定义_从HTML中的onClick属性调用jQuery方法
我在整个系统中实现JQuery是比较新的,我正在享受这个机会. 我遇到一个问题,我想找到正确的决心. 以下是我想做的一个简单案例: 我在页面上有一个按钮,在点击事件我想调用一个我定义的jquery函数 ...
jq onclick 定义_jquery onclick函数未定义(jquery onclick function not defined)
问题我有一个ajax脚本,我试图从一个函数发布.我正在使用onlick href,但它不会出现未定义.这是使用wordpress.我试图在范围内外移动代码,但我似乎仍然无法使其工作. lt; p ...
jquery上传图片_文件上传三种方式
来源:python宝典链接: https://mp.weixin.qq.com/s/YUplCQDfAucA_rS8E1T6WA 需求上传图片在页面显示 Form表单上传 <html ...
前端开发之jQuery
前端开发之jQuery 一.jquery简介 1. jquery是什么? 2. 什么是jQuery对象? 二.寻找元素(重要的选择器和筛选器) 1. 选择器 2. 筛选器三.操作元素(属性 CSS ...
javascript和jq的事件委托
2019独角兽企业重金招聘Python工程师标准>>> 今天在公司,有个需求是,通过ajax动态查询数据,回来,再添加到一个ul的li元素中,例如(点击生成 li 模拟,加载数据生成 ...
jqueryonclick事件_jquery动态移除/增加onclick属性详解
本文章给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体操作方法,有需要了解的朋友可参考. 要实现效果:点击链接先去掉onclick属性,3秒后 ...
axios如何在nodejs项目里封装_【面经】jq 中 ajax 和 axios 区别，瀑布流布局，添加删除事件...
[jq 中 ajax 和 axios 区别] jq的ajax 1.本身是针对MVC的编程,不符合现在前端MVVM的浪潮 2.JQuery整个项目太大,单纯使用ajax却要引入整个JQuery不合理 a ...
jQuery源码解析（1）—— jq基础、data缓存系统
闲话 jquery 的源码已经到了1.12.0 版本,据官网说1版本和2版本若无意外将不再更新,3版本将做一个架构上大的调整.但估计能兼容IE6-8的,也许这已经是最后的样子了. 我学习jq的时间很短 ...

jq onclick

jq onclick相关推荐

最新文章

热门文章