jQuery系列之获得元素值(五)

最新推荐文章于 2023-04-25 10:49:25 发布

原创最新推荐文章于 2023-04-25 10:49:25 发布 · 455 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

本文深入探讨jQuery如何获取DOM元素的值，包括单个输入字段、多个元素及复杂情况的解决方案，帮助开发者更高效地操作网页元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-3.2.1.js"></script>
    <script type="text/javascript">

        $(function () {

            $(".show").click(function () {
                //text获得的是<XX>这里<XX>的内容 如果该标签中含有子标签,则会获得子标签的text
          //<XX>这里<子标签>子标签的内容</子标签></XX>
                var divText = $("#d1").text();
                var spanText = $("#sp1").text();
                //html获得的是
   // <XX>这里的内容,并且包含子标签,会将子标签看成字符串</XX>
                var divHTML = $("#d1").html();
                var attribute = $("#sp1").attr("content");
                var  value = $("#in1").val();
                alert(divText+"\n"
                        //+spanText
                        +"属性是:"+attribute+ "\n"
                        + "value是:" + value+ "\n"
                        +divHTML);
            });
            $(".change").click(function () {
                $("#sp1").text("哈哈哈哈");
            });
        });
    </script>
</head>
<body>
   <div id="d1">我是div的内容
 <span id="sp1" content="content">我是span的内容</span>
  <input id="in1" value="我是input的value">
   </div>
   <button class="show">显示</button>
   <button class="change">修改</butto
</body>
</html>