jQuery :enabled 选择器

jQuery :enabled 选择器

jQuery :enabled选择器是用来选择所有启用的表单元素。

语法 :

$(":enabled")

参数:

  • :enabled。它用于选择支持disabled属性的HTML元素,即按钮标签、输入标签、optgroup标签、选项标签、选择标签和textarea标签。

示例 1:

<!DOCTYPE html>
<html>
<head>
  <title>:enabled Selector</title>
  <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
  <script>
    (document).ready(function () {
      (":enabled").css("background-color",
        "green");
    });
  </script>
</head>
<body>
  <center>
    <form action="#">
      <h1>Welcome to GeeksforGeeks!.</h1>
      <div>
        Text :
        <input type="text" name="text" value="GeeksforGeeks">
        <br/>
        <input type="submit" name="submit" value="submit">
      </div>
    </form>
  </center>
</body>
</html>

输出:

jQuery :enabled 选择器

示例 2:

<!DOCTYPE html>
<html>
<head>
  <title>:enabled Selector</title>
  <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
  <script>
    (document).ready(function () {
      (":enabled").css("background-color",
        "green");
    });
  </script>
</head>
<body>
  <center>
    <form action="#">
      <h1>Welcome to GeeksforGeeks!.</h1>
      <div>
        Select :
        <select>
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
        </select>
      </div>
    </form>
  </center>
</body>
</html>

输出:

jQuery :enabled 选择器

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程