码迷,mamicode.com
首页 > Web开发 > 详细

jquery 替换文本内容

时间:2016-12-22 11:29:53      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:ati   oct   idt   asc   click   log   jquery   type   button   

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6     <title></title>
 7     <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
 8 </head>
 9 <style>
10   #btnTex{width:80px; height:50px; margin: 10px;}
11   
12 </style>
13 <body>
14   
15 <input id="text1" type="text" />
16 <input id="btn1" type="button" value="按钮" />
17 <p id="p1">这是一些文字</p>
18     <script  type="text/javascript" charset="utf-8">
19        $(function(){
20               var text1 = $(#text1);
21               var btn1 = $(#btn1);
22               var p1 = $(#p1);
23                btn1.click(function(){
24                 p1.html(text1.val());
25 
26               })
27             
28         
29           
30              
31        })
32    </script>  
33 </body>
34 </html>

 

jquery 替换文本内容

标签:ati   oct   idt   asc   click   log   jquery   type   button   

原文地址:http://www.cnblogs.com/deveil/p/6210159.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!