jQuery là một thư viện kiểu mới của Javascript giúp đơn giản hóa cách viết JavaScript và tăng tốc độ xử lý các sự kiện trên trang web. Các thư viện jQuery cung cấp một mục đích chung là sự trừu tượng hố các lớp phổ biến cho các trang web scripting, do đó nó hữu ích trong hầu hết các tình huống scripting.
Các chức năng jQuery bao gồm:
Chọn một tag hoặc một tập hợp các tag trên trang web.
Cung cấp các hàm tiện ích thơng dụng.
Nhanh chóng tạo ra các tag mới.
Quan trọng nhất là phân tách việc thiết kế và lập trình web trên phía client. 2. Download jQuery
jQuery là một thư viện script, do đó chúng ta có thể thêm vào trang web. Chúng ta có thể download phiên bản mới nhất của jQuery từ http://docs.jquery.com/Downloading_jQuery.
Như hình 1 ở trên phiên bản mới nhất của jQuery là 1.3.2, sau khi download về chúng ta được file “jquery- 1.3.2.js”, sau đó để viết ứng dụng bạn chỉ cần nhúng file “jquery-1.3.2.js” vào phần javascript của trang.
Trong Visual Studio 2008 SP1 đã hỗ trợ đầy đủ các chức năng của JavaScript Intellisense. Để Visual Studio hỗ trợ Intellisense cho jQuery, chúng ta cần cài đặt thêm “Visual Studio 2008 Patch KB958502”, và download từ:
http://code.msdn.microsoft.com/KB958502/Release/ProjectReleases.aspx?ReleaseId=1736.
Sau đó chúng ta download file “jquery-1.3.2-vsdoc.js” từ:
http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2-vsdoc.js
Mục đích chính của “jquery-1.3.2-vsdoc.js” là giúp đỡ chúng ta trong việc viết các dịng chú thích và hỗ trợ cho việc phát sinh mã thông minh trong khi soạn thảo jQuery.
Microsoft Vietnam – DPE Team | Bài số 9: jQuery 3
3. Sử dụng jQuery trong ASP.NET
Chúng ta tạo một project (Vi_du_9) sau đó thêm 2 file “jquery-1.3.2.js” và “jquery-1.3.2-vsdoc.js” vào
trong project (hình 2).
Trước khi viết các câu lệnh jQuery là bạn chỉ cần khai báo sử dụng thư viện jQuery như sau: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Vi_du_9</title>
<script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script> <script src="jquery-1.3.2.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server"> <div>
</div> </form>
</body> </html>