jquery怎么判断元素有没有disabled属性

140 阅读 0 评论 93 点赞

我是靠谱客的博主疯狂月亮，这篇文章主要介绍jquery怎么判断元素有没有disabled属性，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery怎么判断元素有没有disabled属性

1、利用attr方法获取属性的disabled属性

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

当该方法用于返回属性值，则返回第一个匹配元素的值。

当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。

语法

返回属性的值：

复制代码$(selector).attr(attribute)1
$(selector).attr(attribute)
登录后复制

2、利用if循环进行判断

复制代码if 语句
    if(条件表达式){
        语句...
    }1
2
3
4
if 语句
    if(条件表达式){
        语句...
    }
登录后复制

if语句在执行时，会先对条件表达式进行求值判断，

如果条件表达式的值为true，则执行if后的语句，

如果条件表达式的值为false，则不会执行if后的语句

if语句只能控制紧随其后的那个语句

如果希望if语句可以控制多条语句，可以将这些语句统一放到代码块中{}

if语句后的代码块不是必须的，但在开发中尽量写上代码块，即使if后面只有一条语句。

示例如下：

复制代码<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
var res=$("#mybutton").attr("disabled");
if(res=="disabled"){
alert('该元素有disabled属性');
}
});
</script>
</head>
<body>
<button id="mybutton" type="button" disabled>有disabled属性的元素</button>
</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
var res=$("#mybutton").attr("disabled");
if(res=="disabled"){
alert('该元素有disabled属性');
}
});
</script>
</head>
<body>
<button id="mybutton" type="button" disabled>有disabled属性的元素</button>
</body>
</html>
登录后复制