如何使用JQuery给自定义属性赋值取值

如何使用JQuery给自定义属性赋值取值,第1张

使用JQuery给自定义属性赋值取值

jQuery 属性 *** 作 - attr() 方法

定义和用法

attr() 方法设置或返回被选元素的属性值。

一、返回属性值

返回被选元素的属性值。

语法

$(selector)attr(attribute)

参数描述

attribute    规定要获取其值的属性。

$(selector)attr(attribute)

<html>

<head>

<script type="text/javascript" src="/jquery/jqueryjs"></script>

<script type="text/javascript">

$(document)ready(function(){

  $("button")click(function(){

    alert("Image width " + $("img")attr("width"));

  });

});

</script>

</head>

<body>

<img src="/i/eg_smilegif" width="128" height="128" />

<br />

<button>返回图像的宽度</button>

</body>

</html>

二、设置属性/值

设置被选元素的属性和值。

语法

$(selector)attr(attribute,value)

参数描述

attribute    规定属性的名称。    

value    规定属性的值。

$(selector)attr(attribute,value)

<html>

<head>

<script type="text/javascript" src="/jquery/jqueryjs"></script>

<script type="text/javascript">

$(document)ready(function(){

  $("button")click(function(){

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

  });

});

</script>

</head>

<body>

<img src="/i/eg_smilegif" />

<br />

<button>设置图像的 width 属性</button>

</body>

</html>

div是没有value属性的,但是我们可以给它加上去也是可以获得的,在这里value只是一个自定义参数

html代码

<div class="store"  value="tanyu"></div>

jq代码

$(function(){

$("store")click(function(){

alert($(this)attr('value'));

});

});

attr(name|properties|key,value|fn)

参数

nameStringV10

属性名称

properties MapV10

作为属性的“名/值对”对象

key,value

String,ObjectV10

属性名称,属性值

key,function(index, attr)

String,FunctionV11

1:属性名称。

2:返回属性值的函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值。

参数name 描述:

返回文档中所有图像的src属性值。

jQuery 代码:

$("img")attr("src");

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>attr</title>

<!--值用val(),属性用attr("属性")就可以得到,自定义属性也可以用attr,深圳网站建设:=">

上一个实例……这种畸形需求……条件太苛刻

建议根据属性值猜一个属性名,毕竟属性名是有限的,而且是有规律的

推荐方法如:$([class="属性值"], [id="属性值"], [title="属性值"])

如果是 data 数据,也可以进行遍历,或者转换成文本进行检索

JSONstringify($('#blog_nav_rss')data())match(/"([\w-]+)":"[^"]检索的内容[^"]"/g)

如果把网页文档转换成文本进行全文检索,效率低下,效果不好。$('body')html()match(/([\w-]+)="[^"]检索的内容[^"]"/g)

以上就是关于如何使用JQuery给自定义属性赋值取值全部的内容,包括:如何使用JQuery给自定义属性赋值取值、jQuery如何获取点击div的属性值、jquery中怎么获取name属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/10152276.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存