壹咪陽光
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
閱讀(214)
評論(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選擇器 (詳解)[轉] (103944)
2.?jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中(22177)
3.?Java 7七大新功能預覽(16851)
4.?給Dreamweaver安裝jQuery插件jQuery_API.mxp(16406)
5.?開源框架Pushlet入門(6180)
評論排行榜
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
主站蜘蛛池模板:
亚洲欧美自偷自拍另类视
|
亚洲AV午夜福利精品一区二区
|
亚洲熟妇无码久久精品
|
青青草无码免费一二三区
|
亚洲av午夜成人片精品网站
|
中文字幕成人免费高清在线视频
|
亚洲AV成人潮喷综合网
|
丁香六月婷婷精品免费观看
|
亚洲国产一成久久精品国产成人综合
|
久久精品国产精品亚洲下载
|
h视频在线免费观看
|
亚洲中文字幕无码一区二区三区
|
97视频免费观看2区
|
亚洲精品国产免费
|
久久这里只有精品国产免费10
|
国产成+人+综合+亚洲专
|
午夜毛片不卡免费观看视频
|
噜噜综合亚洲AV中文无码
|
国产一级高清免费观看
|
国产成人自产拍免费视频
|
亚洲国产成人片在线观看无码
|
日本免费人成视频在线观看
|
色婷五月综激情亚洲综合
|
免费va在线观看
|
永久免费av无码网站yy
|
亚洲欧洲精品视频在线观看
|
成人免费看吃奶视频网站
|
牛牛在线精品免费视频观看
|
久久亚洲国产视频
|
久久久久国产精品免费免费搜索
|
日韩免费在线中文字幕
|
亚洲AV无码一区二区三区系列
|
AV免费网址在线观看
|
深夜A级毛片视频免费
|
亚洲AV无码码潮喷在线观看
|
国产麻豆视频免费观看
|
香蕉视频免费在线播放
|
亚洲精品私拍国产福利在线
|
成年18网站免费视频网站
|
又黄又大的激情视频在线观看免费视频社区在线
|
亚洲日产韩国一二三四区
|