Jquery先获取自身内部的元素属性值,该如何获取

Jquery先获取自身内部的元素属性值,该如何获取,第1张

jQuery手册中这样写道:

$(expression, [context])

expression String 用来查找的字符串

context (可选) Element, jQuery 作为待查找的 DOM 元素集、文档或 jQuery 对象。

那么,你可以这样获取:

$('img:first-child', this)attr('src');

--------------------------------------

或者用原生js:

var a = documentgetElementById('my')getElementsByTagName('a');

var src = [];

for(var i=0;i<slength;i++){

srcpush(a[i]getElementsByTagName('img')[0]src);

}

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

html代码

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

jq代码

$(function(){

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

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

});

});

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

例如将的宽度设置成150:

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

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

例如获取的宽度:

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

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

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");

css方法:

1、取得第一个段落的color样式属性的值。

$("p")css("color");

2、将所有段落的字体颜色设为红色并且背景为蓝色。

$("p")css({ color: "#ff0011", background: "blue" });<html>

<head>

    <title>JQuery中如何获取样式属性的值</title>

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

    <style>

        top {

            background: url(Tupianjpg) no-repeat;

            width: 75px;

            height: 90px;

        }

    </style>

    <script type="text/javascript">

        $(function () {

            var url = $("divtop")css("background-image");

            alert(url);

        })

    </script>

</head>

<body>

    <div class="top"></div>

</body>

</html>

var arr =$("table:eq(0)")get(0)attributes();

for( var i in  arr)

{

}

以上就是关于Jquery先获取自身内部的元素属性值,该如何获取全部的内容,包括:Jquery先获取自身内部的元素属性值,该如何获取、jQuery如何获取点击div的属性值、jquery中可以用什么方法来获取和设置元素属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9620027.html

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

发表评论

登录后才能评论

评论列表(0条)

保存