jquery怎么获取style里面的属性值

如题所述

jquery获取style的属性值有两种方法

第一种是getElementById() 方法。它可以返回对拥有指定 ID 的第一个对象的引用。在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素。

第二种是getElementsByName() 方法,它可以返回带有指定名称的对象的集合。该方法与getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

温馨提示:内容为网友见解,仅供参考
第1个回答  2015-10-17

使用jQuery css() 方法

css() 方法设置或返回被选元素的一个或多个样式属性。

语法:

css("propertyname","value");

1.当value参数不存在时为获取该属性

2.当value参数存在时为设置该属性。

$("p").css("background-color");//获取p元素的背景颜色
$("p").css("background-color","yellow");//设置p元素的背景颜色为黄色

第2个回答  推荐于2017-10-08
var bgColor = $("div").css("backgroundColor");

你可以参考:
http://www.w3school.com.cn/jquery/jquery_css.asp本回答被提问者采纳
第3个回答  2015-10-06
<script>
$(document).ready(function(){
var $dh1 = $("#main").width();
alert($dh1) //这个出来没有 px
var $dh2 = $("#main").css("width");
alert($dh2) //这个出来会有 px
}
);
</script>

注:main 是div 的id

js 如何才能取到style的值?
用jquery可以很轻松的取到了,比如:<div id="divTest" style="height:100px"><\/div> 只需要:("div#divTest").css("height");就可以取到height的值了。有用的话要采纳哟!

<div class=h style=top:5px>jquery怎么得到style里top值并赋值
使用jQuery将div对象转为dom后操作style属性,如下:var obj = $(".h").get(0);obj.style.top = 100 +'px';

jquery判断div里的style里面的background-image的url是否有go.jpg这个...
第一 定位到这个div 假设id=a 我们要找出 style属性的值 var str=$("#a").attr("style");查找是否存在 go.jpg var index=str.indexOf("go.jpg");进行判断 if(index==-1){代表没找到}else{ 找到了以后然后增加 class ("#a").addClass("类样式名称")} 然后就行了 希望能帮到你...

<div class=h style=top:5px>jquery怎么得到style里top值并赋值
\/\/获取top值$(".h").css("top");\/\/赋值$(".h").css("top",10);

jquery 操作css里面的style,如何操作里面单独的某一项?
用 $("#XXX").css("width":"100%");注:.css()方法可以直接对单个的css属性进行操作,比如操作某个对象的style里面的高度属性,$("#X").css("height":"50%");另外.css()方法中的参数还可以接受map,比如:.css({"width":"30%","height":"20%"});...

JQuery中如何获取样式属性的值?
1、取得第一个段落的color样式属性的值。("p").css("color");2、将所有段落的字体颜色设为红色并且背景为蓝色。("p").css({ color: "#ff0011", background: "blue" });<html><head> <title>JQuery中如何获取样式属性的值<\/title> <script type="text\/javascript" src="jquery.js...

如何打印出Jquery对象内部的属性值?
上传控件uploadify的js里把配置文件的值使用了jquery的data方法保存为了 jQuery(this).data("settings",settings);所以只要使用$("#上传控件的ID").data("settings")就能获取全部配置参数 你要获取的值应该以下面这样写就可以了 ("#img_file").data("settings").scriptData.name ...

js怎样批量设置元素的style属性值
1、首先来看下测试代码,html里,主要部分有二个input输入框,和一个按钮。2、在js代码里,借助Jquery插件库来操作,以减少代码,所以先引入对应的脚本库文件。3、js代码里,为按钮添加点击事件,点击后,就用jquery设置姓名输入框的disabled属性,设置为false,这样输入框就不能输入了,为禁止状态了。

js怎样批量设置元素的style属性值
要批量设置HTML元素的style属性值,首先,我们以一个简单的示例开始。HTML页面中包含两个input输入框和一个按钮,它们用于演示操作过程。在JavaScript中,为了简化代码,我们通常会引入jQuery库,它提供了一系列方便的函数来处理DOM操作。在脚本部分,为按钮添加了一个点击事件,当点击时,我们将应用jQuery来...

JavaScript 如何获取和修改 div 中style中的值
background: #666;" id="node"><\/div><script> \/\/ 使用原生JS var node = document.getElementById("node"); node.style.background = "black"; \/\/ 使用JQuery var node = $("#node"); node.css("background", "#111");<\/script><\/body> ...

相似回答