jquery 替换文本内容

时间：2023-03-08 22:15:31
jquery 替换文本内容 
 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8">

     <meta http-equiv="X-UA-Compatible" content="IE=edge">

     <title></title>

     <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

 </head>

 <style>

   #btnTex{width:80px; height:50px; margin: 10px;}

 </style>

 <body>

 <input id="text1" type="text" />

 <input id="btn1" type="button" value="按钮" />

 <p id="p1">这是一些文字</p>

     <script  type="text/javascript" charset="utf-8">

        $(function(){

               var text1 = $('#text1');

               var btn1 = $('#btn1');

               var p1 = $('#p1');

                btn1.click(function(){

                 p1.html(text1.val());

               })

        })

    </script>

 </body>

 </html>

相关文章