jQuery “:enabled”伪类选择器有助于查找所有启用的输入元素。这个伪类选择器应该只用于选择支持禁用属性的HTML 元素，即（ , , </i> <i>, <select>,</i> <i><option></i> <i>,</i> <i><optgroup></i> <i>）</i></p> <p>与其他伪类选择器一样 (a:hover) 也建议在它前面加上标签名或其他选择器<strong>，</strong>否则通用选择器 (“ <strong>*</strong> ”) 被暗示为 $( “*:enabled” ) 或 $ （“输入：启用”）。</p> <p><strong>句法：</strong> </p> <div class="hcb_wrap"> <pre class="prism line-numbers lang-js" data-lang="JavaScript"><code class="replace">$( "input:enabled" ).val( "This box is enabled" );</code></pre> </div> <p><strong>注意：</strong> (:enabled) 选择<i>布尔</i>禁用属性严格<i>为 false 的元素。</i></p> <p> <strong>HTML 代码：</strong>以下代码演示了<i>:enabled</i>伪类选择器以查找使用 jQuery 启用的所有输入元素。</p> <div> <h5 class="code">HTML</h5> <div class="hcb_wrap"> <pre class="prism line-numbers lang-html" data-lang="HTML"><code class="replace"><!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Elements that are enabled</title> <script src="https://code.jquery.com/jquery-3.5.0.js"></script> </head> <body> <h1 style="color: green; margin-left: 120px;">GeeksforGeeks</h1> <!-- The form contains three boxes out of which two boxes are disabled --> <form> <!-- Set input disabled --> <input style="border: 0.8px solid green;" name="email" disabled> <input style="border: 0.8px solid green;" name="id"> <input style="border: 0.8px solid green;" name="email" disabled> </form> <!-- The val is displayed in the box in which the input element is enabled --> <script> $( "input:enabled" ).val( "This box is enabled" ); </script> </body> </html></code></pre> </div> <p></p> <hr/> </div> <p><strong>输出：</strong> </p> <div class="wp-caption alignnone" style="width:810px"><img class="img-fluid" src="https://mangodoc.oss-cn-beijing.aliyuncs.com/geek8geeks/How_to_find_all_input_elements_that_are_enabled_using_jQuery?_0.jpg" width="645"/> <p class="wp-caption-text">启用</p> </div> <div class="_ap_apex_ad" id="82d2079a-8120-480f-9fc7-5cda825d56e7" style="min-height:280px"></div> <p></p></div> </article> </div> </div> </div> </div> </div> <footer> <div class="bg-white text-center pb-1"> <p class="text-body-tertiary pt-3 lh-lg text-opacity-50" id="footer-text">Copyright © 2020 - 2024 版权所有 <br> <a href="https://beian.miit.gov.cn/" target="_blank" class="text-opacity-50 text-body-tertiary mt-1 mb-1">蜀ICP备20006366号-1</a> <br> Made with ❤️ in Chengdu </p> </div> </footer> <!-- 引入Bootstrap JavaScript库 --> <script src="https://unpkg.com/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script> <!-- 引入Meilisearch搜索相关的JavaScript库 --> <script src="https://cdn.jsdelivr.net/npm/@meilisearch/instant-meilisearch/dist/instant-meilisearch.umd.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4"></script> <script src="https://www.imangodoc.com/static/javascript/meili_custom.js"></script> <!-- 引入prismjs代码高亮相关的JavaScript库 --> <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-core.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/toolbar/prism-toolbar.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/autoloader/prism-autoloader.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js"></script> </body> </html>