jquery怎样修改onclick属性值

jquery怎样修改onclick属性值,第1张

利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体 *** 作方法,要实现效果:点击链接先去掉onclick属性,3秒后再自动加上该标签中的onclick属性jQ

本文章给大家介绍利用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 16之前的版本并不支持attr()方法对标签onclick属性的相关 *** 作!

Q句话说要使用attr()方法 *** 作标签中的onclick属性必须使用jq库16或更新的库版本!

代码如下 复制代码

<script type="text/javascript" src="jqueryminjs"></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="#" onclick="test();">点击去掉该链接的onclick属性,3秒后再自动加上该onclick属性</a>

</p>

jquery获取被点击按钮的id的方法是利用thisid获取。

1、有如下html代码:

<button id="some_id1"></button>

<button id="some_id2"></button>

<button id="some_id3"></button>

<button id="some_id4"></button>

<button id="some_id5"></button>

2、获取以上一组button的id的方法;

var buttons = documentgetElementsByTagName("button");

var buttonsCount = buttonslength;

for (var i = 0; i <= buttonsCount; i += 1) {

buttons[i]onclick = function(e) {

alert(thisid); 此处即可获取id

};

}

1、新建一个html文件,命名为testhtml,用于讲解。

2、在testhtml文件内,在p标签内,使用a标签创建一个链接,同时设置id为mylink,主要用于下面通过该id获得a对象。

3、在testhtml文件内,给a标签添加title属性,属性值为“这是测试的链接”。

4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获得title内容”。

5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getitle()函数。

6、在js标签内,创建getitle()函数,在函数内,通过id(mylink)获得a对象,使用attr()方法获得title属性值,即title的内容,最后,使用alert()方法将获得的内容输出。

7、在浏览器打开testhtml文件,点击按钮,查看实现的效果。

<input type="button" id="gbEDocContent" width="12" value="上传文件" onclick="oo()" title="aaaa"/>

<script>

function oo()

{

alert(documentgetElementById("gbEDocContent")title );

}</script>

attr方法可用2113来获取或设置属性5261,根据参数4102个数的不同来定时获取还1653是设置内,当只有1个参数时容表示获取属性值,当有2个参数时表示设置元素属性。

例如将的宽度设置成150:

$("img")attr("width","150");

//参数有width和150,所以是设置

例如获取的宽度:

$("img")attr("width");

//参数只有width,所以此时是获取

在每个td标签内部添加onclick,你不觉得麻烦,jquery开发者看到会被气死的。

你可以这样

var $table = $("#mytable");//

var $trs = $tablefind("tr");

for(var i=0; i<$trslength; i++){

var $tr = $trseq(i);//循环获取每一行

$tron("click", function(){//为每一行添加click事件

//这里就可以获取行内数据了

var $td = $trfind("td");

$tdeq(0)text();//ctld

$tdeq(1)text();//llType

$tdeq(2)text();//fsMgr

});

}

以上就是关于jquery怎样修改onclick属性值全部的内容,包括:jquery怎样修改onclick属性值、jquery如何获取被点击按钮的id、jquery如何获得a标签内title中部分内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9627974.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存