• 技术文章 >web前端 >js教程

    如何设置jquery的元素不能用

    coldplay.xixicoldplay.xixi2021-01-13 17:11:20原创319

    设置jquery的元素不能用的方法:使用【.prop()】方法来调整元素的属性,把按钮设置成禁用以后,按钮会变灰并且不能点击,代码为【$("button").prop("disabled", true);】。

    本教程操作环境:windows7系统、jquery3.2.1版本,Dell G3电脑。

    设置jquery的元素不能用的方法:

    我们可以用jQuery改变HTML元素的非CSS的属性。比如,你可以禁用按钮。

    当你把按钮设置成禁用以后,按钮会变灰并且不能点击。

    jQuery有一个.prop()的方法,可以让你来调整元素的属性。

    以下代码显示如何禁用所有按钮:

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

    示例:让target1按钮禁用

    <script>
    $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
    });
    </script>
    <!-- Only change code above this line. -->
    <div class="container-fluid">
    <h3 class="text-primary text-center">jQuery Playground</h3>
    <div class="row">
    <div class="col-xs-6">
    <h4>#left-well</h4>
    <div class="well" id="left-well">
    <button class="btn btn-default target" id="target1">#target1</button>
    <button class="btn btn-default target" id="target2">#target2</button>
    <button class="btn btn-default target" id="target3">#target3</button>
    </div>
    </div>
    <div class="col-xs-6">
    <h4>#right-well</h4>
    <div class="well" id="right-well">
    <button class="btn btn-default target" id="target4">#target4</button>
    <button class="btn btn-default target" id="target5">#target5</button>
    <button class="btn btn-default target" id="target6">#target6</button>
    </div>
    </div>
    </div>
    </div>

    相关免费学习推荐:javascript(视频)

    以上就是如何设置jquery的元素不能用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:jquery元素
    上一篇:Angular中怎么导出表格Excel表格? 下一篇:jquery如何让a标签不可用
    大前端线上培训班

    相关文章推荐

    • 怎样操作JQuery元素• jquery元素固有属性的操作:prop()和removeProp()• jquery元素内容: html(),text(),val()• jquery元素包裹• 如何对jQuery元素进行增加和删除

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网