如何使用jQuery获取元素的HTML属性值？

要获取html属性的值，请使用val()方法。

示例

您可以尝试运行以下代码，以学习如何使用jQuery获取元素的HTML属性值：

<!DOCTYPE html>
<html>
   <head>
      <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function() {
            $("#buttonSet").click(function () {            
              $("#buttonGet").removeAttr('disabled');
            });

            $("#buttonGet").click(function () {
              $("#result").html(
              $("#txtBox").val() + "<br/>" +
              $("input:radio[name=rd]:checked").val()
            );
         });
         });
      </script>
   </head>
   <body>
      Name <br />
      <input id="txtBox" type="text" />
      <br /><br />
      Gender <br />
      <input type="radio"  name="rd" value="male"/> Male
      <input type="radio"  name="rd" value="female"/> Female
      <br /><br />
      <input id="buttonSet" type="button" value="Set Values" />
      <input id="buttonGet" type="button" value="Get Values" disabled="disabled" />
      <p id="result"></p>
   </body>
</html>

基础教程