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怎么获取一些属性值类似的控件,又怎么遍历他们呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)