使用jQuery禁用div中的所有元素可以通过以下步骤实现:
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<div id="myDiv">
<!-- div中的内容 -->
</div>
find()
方法选中所有子元素:$("#myDiv").find("*")
prop()
方法将选中的元素的disabled
属性设置为true
,从而禁用这些元素:$("#myDiv").find("*").prop("disabled", true);
完整的代码如下:
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#myDiv").find("*").prop("disabled", true);
});
</script>
<div id="myDiv">
<!-- div中的内容 -->
</div>
这样,目标div中的所有元素都会被禁用。请注意,这只是禁用了表单元素和可交互元素,对于其他非表单元素可能没有效果。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)
云原生正发声
云+社区技术沙龙[第17期]
云+社区技术沙龙[第8期]
云+社区技术沙龙[第28期]
Techo Day 第三期
云+社区技术沙龙[第9期]
腾讯云GAME-TECH游戏开发者技术沙龙
云+社区技术沙龙[第15期]
T-Day
云+社区技术沙龙[第6期]
领取专属 10元无门槛券
手把手带您无忧上云