zoukankan      html  css  js  c++  java
  • jQuery中val()、text()、html()之间的差别

    一、括号里没有值时表示取值
        val获取表单中的值;

        text获取对象中的文本内容,不包含html标签;

        html获取对象中的内容,包括html标签

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <!--引入jQuery文件-->
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#testAjax").click(function(){
                 alert($("#myInput").val());  // 输出 这是val
                 alert($("#myDiv").text());   // 输出 通过AJAX 链接 改变文本
                 alert($("#myDiv").html());   // 输出 <H2>通过AJAX <A href="">链接</A> 改变文本</H2>
             });
        });
    </script>    
    </head>
        <body>
            <form>
              <input type="text" value="这是val" id="myInput">        
            </form>
            <br>
            <div id="myDiv"><h2>通过AJAX <a href="">链接</a> 改变文本</h2></div>
            <button id="testAjax" type="button">Ajax改变内容</button>
        </body>
    </html>

    二、括号里面有值时表示赋值

         $("#myInput").val("修改后的val");   // input里value的值变成  “修改后的val ”   

         $("#myDiv").text("<h1>修改后的值</h1>");    // 输出 “<h1>修改后的值</h1>”
         $("#myDiv").html("<h1>修改后的值</h1>");   // 输出h1字体大小的  “修改后的值”

  • 相关阅读:
    专业的户外直播视频传输系统是如何搭建起来的?通过GB28181协议建立的户外直播方案
    Go-注释
    语言的动态性和静态性
    程序&命名-执行环境
    Go-错误栈信息
    Mongo-文档主键-ObjectId
    Mongo-关系型VS非关系型
    数据-CRUD
    Mongo基本操作
    mongo环境搭建
  • 原文地址:https://www.cnblogs.com/xsphehe/p/5598406.html
Copyright © 2011-2022 走看看