JQuery中如何获取样式属性的值

JQuery中如何获取样式属性的值,第1张

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>

可以使用:jQuery 属性 *** 作 - attr() 方法

attr() 方法的定义和用法

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

根据该方法不同的参数,其工作方式也有所差异。

使用attr() 方法返回属性值

语法:$(selector)attr(attribute)。attribute

规定要获取其值的属性。

使用attr() 方法设置属性/值

语法$(selector)attr(attribute,value)。attribute规定属性的名称,value 规定属性的值。 

实例

// 改变图像的 width 属性:

$("button")click(function(){  $("img")attr("width","180");});

//获取select标签自定义属性 data-val的值

$("select")eq(0)attr("data-val")

使用 $("input[id^='id']"),这个^='id'表示以id字符开头,要编历这些对话的话可以使用以下例子:

$("input[id^='id']")each(function(){

    alert($(this)id);

});

var attArr = documentgetElementById("c1_8616666774")attributes;

 

var arr = [];

for(var i in attArr){

    if(!isNaN(parseInt(i))){

        arrpush(attArr[i]name+"="+attArr[i]nodeValue);

    }

}

alert(arrjoin("&"));

使用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>

以上就是关于JQuery中如何获取样式属性的值全部的内容,包括:JQuery中如何获取样式属性的值、Jquery怎么获取select选中项 自定义属性的值、jQuery怎么获取一些属性值类似的控件,又怎么遍历他们呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存