jquery 即點即改

原創 落叶不如离思多 2020-02-24 11:51
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head lang="en">  
  4.     <meta charset="UTF-8">  
  5.     <title>即點即改</title>  
  6. </head>  
  7. <style type="text/css">  
  8.     td{  
  9.         width: 200px;  
  10.     }  
  11. </style>  
  12. <body>  
  13.     <table border="1">  
  14.         <tr height="50px">  
  15.             <th>ID</th>  
  16.             <th>name</th>  
  17.             <th>vales</th>  
  18.         </tr>  
  19.         <tr height="50px">  
  20.             <td>1</td>  
  21.             <td><span class="click">張三</span></td>  
  22.             <td>人</td>  
  23.         </tr>  
  24.         <tr height="50px">  
  25.             <td>2</td>  
  26.             <td><span class="click">張三</span></td>  
  27.             <td>生</td>  
  28.         </tr>  
  29.         <tr height="50px">  
  30.             <td>2</td>  
  31.             <td><span class="click">張三</span></td>  
  32.             <td>生</td>  
  33.         </tr>  
  34.     </table>  
  35.     <script src="jq.js"></script>   //引用jQuery庫類  
  36.     <script type="text/javascript">  
  37.         $(document).on("click", ".click", function () {  
  38.             var con = $(this).html();  
  39.             $(this).parent().html("<input type=\"text\" value=" + con + " />");  
  40.             $("input").focus();  
  41.             $(document).on("blur", "input", function () {  
  42.                 var a = $("input").val();  
  43.                 $(this).parent().html("<span class=\"click\">" + a + "</span>");  
  44.             });  
  45.         });  
  46.     </script>  
  47. </body>  
  48. </html> 
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

表單使用get提交，問號傳值問題

最近換工作，從以前做中間件服務器換到了移動互聯網的app服務端開發，也就又重新使用一些開源框架和JavaScript等技術，以前工作都是使用原始JavaScript，自己封裝函數，自己寫代碼來實現功能，現在項目中在使用jQuery

冰诺莫语 2020-07-04 08:00:45

JavaScript核心——閉包

閉包（closure）：有權訪問另一個函數作用域中的變量的函數。 創建閉包的常見方式就是在一個函數內部創建另一個函數（命名函數或匿名函數都行）。 我們以下面這個函數爲例： //定義一個用於比較兩個對象的函數，按照對象的某個屬性來比較 f

small猪猪 2020-07-02 06:04:52

【JavaScript】JavaScript小彈窗及其傳值

      嘿嘿，這是第一篇沒標題圖片的博文，準備開學了，開學以後要開始做一個互聯網+的項目，那會兒大量的精細的文章可能不大有時間寫，那可能就是不斷以小型的博文的形式，一篇一個知識點來分享給大家了。       這個內容挺簡單的，

o0DarkNessYY0o 2020-06-22 07:13:41

【JavaScript&JQuery】原生API實現li標籤隨機排列

       最近在給我母后做一個項目，需要到隨機排列li元素，看了網上好多插件還有好多源碼，感覺有點兒複雜，而且和我項目並不是很友好，不方便嫁接過來，於是就自己寫了一個方法，看上去還不錯，就放出來分享一下。        內容

o0DarkNessYY0o 2020-06-22 07:13:30

js 正則表達式校驗手機號

checkRegexp() { var regex = /^(0|\+?86|17951)?(13[0-9]|15[012356789]|17[013678]|18[0-9]|14[57])[0-9]{8}$/

踩坑的土拨鼠 2020-06-16 13:38:35

js實現五星評價

`這裏寫代碼片`<!DOCTYPE html> <html lang="en"> <head> <title>elementFromPoint example</title> <meta http-equiv="Content-t

shiguang_zhiren 2020-06-06 13:46:09

js setTimeOut 方法

卖二货的小青年 2020-02-25 15:56:36

Jsp中圖片顯示問題以及顯示絕對路徑圖片問題

冰诺莫语 2020-02-25 06:09:32

springmvc+jquery+ajaxfileupload.js實現帶有文本域的文件上傳

冰诺莫语 2020-02-25 06:09:32

【JavaScript】JavaScript中如何實現面向對象編程 之 類的實現

o0DarkNessYY0o 2020-02-24 17:00:14

js 上傳圖片

落叶不如离思多 2020-02-24 11:51:24

jquery常用方法大全

张仁阳 2020-02-24 05:11:47

jquery實現取代dom實現小例子

张仁阳 2020-02-24 05:11:47

跨域

fangzilixia 2020-02-22 12:56:28

地圖 svg中國地圖、echarts百度遷徙圖

fangzilixia 2020-02-22 12:56:28