jquery 怎么获取CSS中属性值的数值。

如 : css 中有 z-index:10 用jquery 怎么能获取到 10 这个数值。另外jquery 能不能完全代替javascript

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。

2、在index.html中的<script>标签中,输入js代码:$('body').append($('body').css('z-index'));。

3、浏览器运行index.html页面,此时成功打印出了z-index的值。

温馨提示:内容为网友见解,仅供参考
第1个回答  2017-06-03

可以使用jQuery中的css()方法来获取css中属性的值,css()方法允许两个参数,如果一个参数的话就是获取该css属性的值,如果两个参数就是设置css属性值为第二个参数。

工具原料:编辑器、浏览器

1、使用css()方法来获取css属性的值,代码如下:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    alert($("p").css("color"));
  });
});
</script>
</head>

<body>
<p style="color:red">This is a paragraph.</p>
<button type="button">返回段落的颜色</button>
</body>
</html>

2、运行的结果如下图:

第2个回答  推荐于2017-10-11
完全可以替代传统javascript

比如你要获取id为123的div的z-index的值
$("#123").css("z-index")
而你要设置他的属性值的话就是这样写
$("#123").css("z-index","10")本回答被提问者采纳
第3个回答  2018-09-07
如果你的按钮是用背景色来实现的还比较好判断
$().css('background-color')
第4个回答  2020-12-17

Vue实践-CSS样式position/display/float属性对比使用

jquery 怎么获取CSS中属性值的数值。
1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。2、在index.html中的标签中,输入js代码:$('body').append($('body').css('z-index'));。3、浏览器运行index.html页面,此时成功打印出了z-index的值。

jQuery如何获取指定的属性值?
在jQuery输入元素表达式属性名即可得到。如:1.$("#textId").attr("width")是获取Id为textId的控件的width属性。2.$(".className").attr("width")是获取包含class名为className的控件的width属性。3.$("[name=textName]").attr("width")是获取name为textName的控件的width属性。但要注意,jquery...

jquery中怎样获取css中display属性值为block的元素
1、使用标签获取元素数组 2、遍历数组 3、判断每一个元素,找出css("display")为block的元素 具体代码如下:(function(){ \/\/取出所有div,并遍历 $("div").each(){ \/\/判断每一个div,其css中display是否为block if($(this).css("display")=="block"){ alert('您想要的元素...

jquery怎么获取一个元素指定属性的值
要获取jQuery中一个元素的指定属性值,可以使用$(this).parent().find()方法。例如,如果目标是查找属性isShow值为'fou'的i元素,代码会是这样:(this).parent().find("i[isShow='fou']")jQuery,作为一个功能强大的JavaScript库,以“少写代码,多做事情”为核心理念,提供了一种简化JavaScript操...

JQuery中如何获取样式属性的值?
css方法:1、取得第一个段落的color样式属性的值。("p").css("color");2、将所有段落的字体颜色设为红色并且背景为蓝色。("p").css({ color: "#ff0011", background: "blue" }); JQuery中如何获取样式属性的值 .top { background: url(Tupian.jpg) no-repeat; w...

jquery怎么获取一个元素指定属性的值?
入口模块、底层支持模块和功能模块。其核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口。具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jquery怎么判断css属性的值?
("p").css("color","red");把一个“名\/值对”对象设置为所有...Jquery css函数用法(判断标签是否拥有某属性) 判断一个层是否隐藏: ("#id").css("display")="none;在所有匹配的元素中,设置一个样式属性的值: ("p").css("color","red");把一个“名\/值对”对象设置为所有...

怎么使用jquery获得标签的值或元素的内容
设置css样式 div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;} div.box span{color:#999;font-style:italic;} div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;} h3{display:inline-block;} input[type='button']{height:30px;...

jquery 检查元素是否有某个css属性
jquery获取对象的css属性值的时候,就算我们没有给这个对象设置过css属性值,这些值也会存在,只不过有些是默认值。下面我们来输出一个div的css属性值,原始代码如下 <!DOCTYPE html> DIV_TEST #top1{ } 你好我是某某某 $(document).ready(function(){ ...

jquery通过name,id名称获取当前value值
jquery通过name属性取值的方法  alert($("input[name='inputTest']").val());alert($("input[type='text']").attr("id")); \/\/这个是取id的值,方便记就写在这儿了 ("input[name='inputTest']").each(function(){ alert($(this).val());} ) alert($("input[name='...

相似回答