zoukankan      html  css  js  c++  java
  • jQuery(五):文本操作

    text()可以获取或设置元素的文本内容。例如:

    示例:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>html()操作</title>
        <style>
           *{
               margin: 0px;
               padding: 0px;
           }
           input{
               display: block;
               float: left;
           }
        </style>
        <!--引入jQuery-->
        <script src="../jquery-3.3.1.js"></script>
        <!--javascript-->
        <script>
           $(function(){
                $("#btnGet").click(function(){
                    var text=$("div.left").text();
                    alert(text);
                 });
                 $("#btnSet").click(function(){
                    var html=$("div.left").text("<div style='border:1px solid red;'><p>这是一个段落</p></div>");
                 });
           });
        </script>
    </head>
    <body>
        <div id="mainbox">
             <h1>飘飞雨絮</h1>
             <div class="left">
                 <img src="../qq.jpg" width="150" height="150"/>
                 <p>上面的图片是QQ斗地主</p>
                 <br />
             </div>
        </div>
        <input type="button" id="btnGet" value="获取text()内容" style="margin-right:10px;" />
        <input type="button" id="btnSet" value="单击改变内容" />
    </body>
    </html>

    效果:

  • 相关阅读:
    C#操作json
    sql server 2008 身份验证失败 18456
    MD5密码加密
    oracle dg 报错提示 涉及硬盘错误
    Rhel6.5 相关操作
    Centos6.9部署vnc
    Sqluldr2 libclntsh.so报错处理
    时钟服务器同步方法
    windows copy 和xcopy
    Linux 本地repo配置
  • 原文地址:https://www.cnblogs.com/dotnet261010/p/9735284.html
Copyright © 2011-2022 走看看