jQuery基礎操作
一.什么是jQuery
jQuery是一個快速、簡潔的JavaScript框架；jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
二.使用jQuery的好處
jQuery 是一個 JavaScript 庫，極大地簡化了 JavaScript 編程。
jQuery庫包含以下功能：
HTML 元素選取
HTML 元素操作
CSS 操作
HTML 事件函數
JavaScript 特效和動畫
HTML DOM 遍歷和修改
AJAX
Utilities
三.jQuery的安裝
下載
在網上下載下載 jQuery 庫，有兩個版本的 jQuery 可供下載：
Production version - 用于實際的網站中，已被精簡和壓縮。
Development version - 用于測試和開發（未壓縮，是可讀的代碼）
以上兩個版本都可以從 http://www.jquery.com 中下載。
引入
Query 庫是一個 JavaScript 文件，我們可以使用 HTML 的
1
四.jQuery基礎操作
1.jQuery選擇器
id
class
標簽
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
今天我們學習jquery
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
其實用法和css選擇器類似，對css比較熟悉的同學應該會很容易上手，這里只舉三個例子介紹一下。
2.jQuery中的dom操作
html(): 獲取/設置元素的標簽體內容
text(): 獲取/設置元素的標簽體純文本內容
val() : 獲取/設置元素的value屬性值
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
多隆永遠的"神"！
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
31
32
33
34
35
36
輸出效果：
3.jQuery中的基本事件
click事件
blur事件
change事件
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
4.jQuery實現AJAX
jsp頁面：
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
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
響應服務請求的類：
import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; @WebServlet("/ajax") public class AjaxServlet extends HttpServlet { @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp.setContentType("text/html;charset=UTF-8"); String name = req.getParameter("user"); if(name.equals("多隆")){ resp.getWriter().write("用戶名沖突！"); }else { resp.getWriter().write("用戶名正常！"); } } }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
HTML jQuery
版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。
相關文章
