jQuery元素选择器

jQuery是一个开源的JavaScript库，它简化了HTML/CSS文档，或者更准确地说，文档对象模型（DOM）和JavaScript之间的互动。阐述这些术语，它简化了HTML文档的遍历和操作，浏览器事件处理，DOM动画，Ajax交互，以及跨浏览器的JavaScript开发。

jQuery元素选择器是用来根据元素名称选择和修改HTML元素。

语法:

$("element_name")

例子1：这个例子选择 “h2 “元素并为其添加边框。

<!DOCTYPE html>
<html>
<head>
  <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
  <script>
     $(document).ready(function () {$ ("h2").css("border",
        "5px solid green");
    });
  </script>
</head>
<body>
  <h2>GeeksForGeeks</h2>
</body>
</html>

输出:

jQuery元素选择器

例子2：这个例子在点击按钮时改变 “h2 “元素的文本颜色。

<!DOCTYPE html>
<html>
<head>
  <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
  <script>
     $(document).ready(function () {$ ("button").click(function () {
        $("h2").css("color",
          "green");
      });
    });
  </script>
</head>
<body>
  <h2>GeeksForGeeks</h2>
  <button>Change text color</button>
</body>
</html>

输出:

jQuery元素选择器