jquery 替换img 属性

weixin_30480583

于 2016-12-22 10:27:00 发布

阅读量516

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/deveil/p/6210131.html

版权

 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   <input type="text" id="inputTex"/> 
15     <button type="text" id="btnTex">按钮</button>
16   <img id="imgTex" src="image/Selected.png"/>
17     <div id="divRed"></div>
18     <script  type="text/javascript" charset="utf-8">
19        $(function(){
20               var inputTex = $('#inputTex');
21               var btnTex = $('#btnTex');
22               var imgTex = $('#imgTex');
23                btnTex.click(function(){
24                 imgTex.attr('src',inputTex.val());
25 
26               })
27             
28         
29           
30              
31        })
32    </script>  
33 </body>
34 </html>

转载于:https://www.cnblogs.com/deveil/p/6210131.html

weixin_30480583

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 替换img 属性

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <title></tit...
复制链接

扫一扫