posts - 1, comments - 0, trackbacks - 0

總結方法：
jquery中的簡單方法
1 val() 可以獲得節點的value值 ===document.getElementById().value
2 html() 可以獲得節點的html值
3 click() 可已獲得鼠標點擊事件
4 keyup()可以獲得鍵盤彈起事件
5 addClass()、removeClass 可以給某個節點添加或刪除一個class

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<BODY>

請輸入用戶名：

</BODY>

</HTML>

/*******javascript**********/

//初始化

$(function(){

//聲明一個公共變量

var userName=$("#userName");

/*

* 當鼠標按下時獲取到文本框的值向后臺發送

*/

$("#button1").click(function(){

var con=userName.val();

if(con==''){

$("#validate").html("值不可為空");

}else{

/*$.post(

"",//路徑

{}, //參數

function(data){

//回調函數

}

);*/

$("#validate").html("用戶名可用");

}

});

//當輸入錯誤的時候文本框的顏色為空如果為空時顏色為紅色

$("#userName").keyup(function(){

var value=userName.val();

if(value==''){

userName.addClass("userText");//添加這種樣式

}else{

userName.removeClass("userText");//刪除這種樣式

}

});

})

/******CSS*****/

/*給邊框加顏色 */

.userText{

border: 1px solid red; /* 一個像素寬實線紅色*/

}

posted on 2011-05-12 14:20 lpinjava 閱讀(98) 評論(0) 編輯收藏所屬分類: jquery學習總結

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理

<

2025年6月

>

日

一

二

三

四

五

六

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

常用鏈接

留言簿

隨筆檔案(1)

2011年5月 (1)

文章分類(6)

文章檔案(6)

相冊

背景圖片

收藏夾(1)

java時間操作(1)

常用鏈接

留言簿

隨筆檔案(1)

文章分類(6)

文章檔案(6)

相冊

收藏夾(1)

搜索

最新評論