2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
id: bad87fee1348bd9aed808826
|
2020-12-16 00:37:30 -07:00
|
|
|
title: 使用 jQuery 禁用元素
|
2018-10-10 18:03:03 -04:00
|
|
|
challengeType: 6
|
2020-09-07 16:17:51 +08:00
|
|
|
forumTopicId: 17563
|
2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --description--
|
|
|
|
|
2020-09-07 16:17:51 +08:00
|
|
|
你还能用 jQuery 改变 HTML 标签的非 CSS 属性,例如:能禁用按钮。
|
2020-12-16 00:37:30 -07:00
|
|
|
|
2020-09-07 16:17:51 +08:00
|
|
|
当你禁用按钮时,它将变成灰色并无法点击。
|
2020-12-16 00:37:30 -07:00
|
|
|
|
|
|
|
jQuery 有一个`.prop()`方法,你可以用其调整标签的属性。
|
|
|
|
|
2020-09-07 16:17:51 +08:00
|
|
|
下面的代码效果是禁用所有的按钮:
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
`$("button").prop("disabled", true);`
|
2020-09-07 16:17:51 +08:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
请仅禁用`target1`按钮。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --hints--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
禁用`target1`按钮。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
```js
|
|
|
|
assert(
|
|
|
|
$('#target1') &&
|
|
|
|
$('#target1').prop('disabled') &&
|
|
|
|
code.match(/["']disabled["'],( true|true)/g)
|
|
|
|
);
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
不禁用其他的按钮。
|
|
|
|
|
|
|
|
```js
|
|
|
|
assert($('#target2') && !$('#target2').prop('disabled'));
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
仅用 jQuery 给标签添加类。
|
|
|
|
|
|
|
|
```js
|
|
|
|
assert(!code.match(/disabled[^<]*>/g));
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
2020-08-13 17:24:35 +02:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --solutions--
|
|
|
|
|