我的第十二课：jQuery - 获得内容和属性_头歌jquery获取内容和属性答案-CSDN博客

本文链接：https://blog.csdn.net/meiyouyimingtian/article/details/20474633

获得内容 - text()、html() 以及 val()

三个简单实用的用于 DOM 操作的 jQuery 方法：

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
获取属性 - attr()

jQuery attr() 方法用于获取属性值。

下面的例子演示如何获得链接中 href 属性的值：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
     <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
     <script type="text/javascript">
         $(document).ready(
            function(){
                $("#button1").click(function(){
                 alert("Test"+$("#iii").text());}
                );
                $("#button2").click(
                    function(){
                    alert("html"+$("#iii").html());
                    }
                );
                 $("#button3").click(
                   function(){
                     alert("value"+$("#testvalue").val());
                   }
                );
                $("#button4").click(
                   function(){
                     alert("href"+$("#href").attr("href"));
                   }
                );
            }
         );


     </script>

</head>

<body>
   <p id="iii">你<b>好！</b>吗</p>
   <input type="text" value="hello word" id="testvalue">
   <p ><a href="http://www.baidu.com.cn" id="href">baidu</a></p>
   <button id="button1" type="button">显示文本</button>
   <button id="button2" type="button">显示HTML</button>
   <button id="button3" type="button">显示value</button>
   <button id="button4" type="button">显示 href 值</button>
</body>
</html>