jquery如何更换文字中的具体内容-JAVA编程网

WWW.lllT.neT

在jquery中，可以运用html()方式来更换文字中的具体内容，该办法的功效便是回到或设定被选原素的具体内容，英语的语法“$(selector).html(content)”。

本实例教程实际操作自然环境：windows7系统软件、jquery1.10.2版本号、Dell G3电脑上。

在jquery中，可以运用html()方式来更换文字中的具体内容。

html() 方式回到或设定被选原素的具体内容 (inner HTML)。假如该方式未设定主要参数，则回到被选原素的当今具体内容。

而当选择该方式设定一个值时，它会遮盖全部配对原素的具体内容。

英语的语法

$(selector).html(content)

content：可选。要求被选原素的新具体内容。该指标可包括 HTML 标识。

实例：

<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <title></title>
      <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
  </head>
  <style>
   #btnTex{width:0px; height:0px; margin: 0px;}
 </style>
 <body>
 <input id="text" type="text" />
 <input id="btn" type="button" value="按键" />
 <p id="p">这也是一些文本</p>
     <script  type="text/javascript" charset="utf-">
        $(function(){
               var text = $('#text');
               var btn = $('#btn');
               var p = $('#p');
                btn.click(function(){
                 p.html(text.val());
               })
        })
    </script>  
 </body>
 </html>