freeCodeCamp/curriculum/challenges/chinese/03-front-end-libraries/jquery/disable-an-element-using-jq...

839 B

id title challengeType forumTopicId
bad87fee1348bd9aed808826 使用 jQuery 禁用元素 6 17563

--description--

你还能用 jQuery 改变 HTML 标签的非 CSS 属性,例如:能禁用按钮。

当你禁用按钮时,它将变成灰色并无法点击。

jQuery 有一个.prop()方法,你可以用其调整标签的属性。

下面的代码效果是禁用所有的按钮:

$("button").prop("disabled", true);

请仅禁用target1按钮。

--hints--

禁用target1按钮。

assert(
  $('#target1') &&
    $('#target1').prop('disabled') &&
    code.match(/["']disabled["'],( true|true)/g)
);

不禁用其他的按钮。

assert($('#target2') && !$('#target2').prop('disabled'));

仅用 jQuery 给标签添加类。

assert(!code.match(/disabled[^<]*>/g));

--solutions--