壹咪陽光
BlogJava
首頁
新隨筆
聯系
聚合
管理
隨筆-124 評論-49 文章-56 trackbacks-0
可編輯的表格
1腳本jqueryedit.js
//
在頁面裝載時,讓所有的td都有一個點擊事件
$(document)ready(
function
()
{
//
找到所有的td節點
var
tds
=
$(
"
td
"
);
//
給所有的td節點增加點擊事伯
tds.click(
function
()
{
//
0保存當前的td節點
var
td
=
$(
this
);
//
1取出td里面的內容
var
text
=
td.text();
//
2清空td里面的內容
td.html(
""
);
//
也可以用td.empty();
//
3建立一個文本框,也就是input的元素節點
var
input
=
$(
"
<input>
"
);
//
4設置文本框的值是保存起來的文本內容
input.attr(
"
value
"
,text);
//
設置屬性值
//
4.5讓文本框可以響應鍵盤按下事件,主要用于處理回車確認
input.keyup(
function
(event)
{
0
.獲取當前用戶按下的鍵值
var
myEvent
=
event
||
window.event;
var
kcode
=
myEvent.keyCode;
1
.判斷是否是回車按下
if
(kcode
==
13
)
{
var
inputnode
=
$
{
this
}
;
//
2.保存當前文本框的內容
var
inputtext
=
inputnode.val();
//
3.清空td里面的肉容
var
tdNode
=
inputnode.parent();
//
4.將保存的文本框的空容填充到td中
tdNode.html(inputtext);
//
5.讓td重新擁有點擊事件
tdNode.click();
}
}
);
//
5將文本框加入到td中
td.append(input);
//
也可以用input.appendTo(td);加添節點
//
5.5讓文本框里面的文字被高亮選中
//
需要將jquery的對象轉換成dom對象
var
inputdom
=
input.get(
0
);
inputdom.select();
//
6移除點擊事件
td.unbind(
"
click
"
);
}
);
}
);
2頁面jqueryEdit.html
<
html
>
<
head
>
<
script
type
="text/javascript"
src
="jslib/jquery.js"
></
script
>
<
script
type
="text/javascript"
src
="jslib/jqueryedit.js"
></
script
>
<
head
>
<
body
>
<
table
border
="1px"
>
<
tr
>
<
td
>
123123
</
td
>
<
td
>
456456
</
td
>
</
tr
>
</
table
>
</
body
>
</
html
>
posted on 2009-11-03 10:23
junly
閱讀(224)
評論(0)
編輯
收藏
所屬分類:
ajax/jquery/js
新用戶注冊
刷新評論列表
只有注冊用戶
登錄
后才能發表評論。
網站導航:
博客園
IT新聞
Chat2DB
C++博客
博問
管理
相關文章:
Useing Jquery With JSF
js巧用qq接口得到當前IP
jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中
jQuery-強大的jQuery選擇器 (詳解)[轉]
給Dreamweaver安裝jQuery插件jQuery_API.mxp
ajax 書簽
LavaLamp mean
事件顯示聲明
javascript語法_函數_對象_數組
javascript DOM
<
2009年11月
>
日
一
二
三
四
五
六
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
常用鏈接
我的隨筆
我的評論
我的參與
最新評論
留言簿
(4)
給我留言
查看公開留言
查看私人留言
隨筆分類
ajax/jquery/js(23)
freemark/velocity(7)
hibernate/orm(20)
ide(5)
java(31)
jdbc/jndi(4)
jsp/servlet(17)
oracle/mysql/sql(12)
OS(2)
other(7)
spring(4)
struts2/struts1.3/JSF(34)
tomcat/jboss/weblogic(8)
xml/xsl/dtd/scherma
隨筆檔案
2011年5月 (3)
2011年3月 (1)
2010年11月 (1)
2010年8月 (2)
2010年7月 (8)
2010年6月 (3)
2010年5月 (2)
2010年4月 (5)
2010年3月 (1)
2010年2月 (6)
2010年1月 (7)
2009年12月 (11)
2009年11月 (110)
2009年10月 (20)
收藏夾
freemard(2)
other
ajax-js
facebox
flex
flex2
IBM中國- Java 技術
java2000
Java學習室
Java開源大全
linux 命令全集
Matrix 與Java共舞
tomcat中文網
web game
技術文檔
永遠的nuix
腳本之家
文章
Java API
JavaTM 2 Platform Standard Edition 5.0
URLRewriter
慎用url重寫
搜索
最新評論
1.?re: Java 7七大新功能預覽[未登錄]
shit@fa
--xxx
2.?re: 給Dreamweaver安裝jQuery插件jQuery_API.mxp
@12
想進來看看啊,不知道字數夠不夠
--文君
3.?re: jQuery-強大的jQuery選擇器 (詳解)[轉]
評論內容較長,點擊標題查看
--zuidaima
4.?re: hibernate基礎-Session_Flush
你怎么查到的>?>
--rejk
5.?re: jQuery-強大的jQuery選擇器 (詳解)[轉]
不錯,閱讀體驗很好。內容很充實
--化緣北辰
閱讀排行榜
1.?jQuery-強大的jQuery選擇器 (詳解)[轉] (103969)
2.?jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中(22189)
3.?Java 7七大新功能預覽(16865)
4.?給Dreamweaver安裝jQuery插件jQuery_API.mxp(16416)
5.?開源框架Pushlet入門(6195)
評論排行榜
1.?jQuery-強大的jQuery選擇器 (詳解)[轉] (11)
2.?Java 7七大新功能預覽(9)
3.?給Dreamweaver安裝jQuery插件jQuery_API.mxp(5)
4.?米struts2的用戶請注意這個超級安全漏洞(3)
5.?dreamweaver cs4 許可證過期的解決辦法(3)
Powered by:
博客園
模板提供:
滬江博客
Copyright ©2025 junly
主站蜘蛛池模板:
99久久久精品免费观看国产
|
国产精品免费在线播放
|
18禁免费无码无遮挡不卡网站
|
亚洲精品国精品久久99热一
|
九九九精品视频免费
|
亚洲最大av资源站无码av网址
|
猫咪免费人成网站在线观看
|
亚洲码一区二区三区
|
亚洲国产成人AV网站
|
国产免费黄色大片
|
精品免费AV一区二区三区
|
亚洲AⅤ无码一区二区三区在线
|
老司机福利在线免费观看
|
亚洲高清视频一视频二视频三
|
一级做a爰性色毛片免费
|
亚洲人成人网站色www
|
亚洲首页国产精品丝袜
|
大学生一级特黄的免费大片视频
|
亚洲欧洲免费无码
|
91香蕉在线观看免费高清
|
91精品国产亚洲爽啪在线观看
|
国产免费一区二区三区
|
亚洲欧美第一成人网站7777
|
免费人成视频在线观看不卡
|
亚洲伊人久久大香线蕉在观
|
久久久久久久久亚洲
|
91九色视频无限观看免费
|
亚洲色图激情文学
|
五月婷婷亚洲综合
|
日韩视频在线观看免费
|
亚洲一区精彩视频
|
亚洲人成无码www久久久
|
免费无码毛片一区二区APP
|
亚洲成A人片在线播放器
|
亚洲精品成人网久久久久久
|
免费人成网站在线观看不卡
|
亚洲欧洲国产综合AV无码久久
|
亚洲五月综合缴情在线观看
|
91麻豆最新在线人成免费观看
|
色www免费视频
|
亚洲婷婷在线视频
|