Do jQuery thực chất là một thư viện của javascript. Do đó, jQuery cũng chỉ là một file js thông thường như những file javascript khác.
Việc đầu tiên phải làm khi bắt đầu sử dụng jQuery là phải khai báo, hay nói cách khác là load file jQuery javascript lên trên website của mình. Có hai cách để thực hiện việc này
- Link trực tiếp tới file jQuery.<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head> - Tải file jQuery.js về máy của mình và sử dụng như file js cá nhân.
Sử dụng jQuery như thế nào?
Dùng từ khóa định nghĩa bởi jQuery. Có hai từ khóa: jQuery và $.
VD: jQuery("#test") hoặc $("#test")
Sử dụng jQuery để truy xuất tới một Element trong HTML như thế nào?
Trước tiên, một element(là một thẻ trong html như div, table,...) có hai thuộc tính là id và name. Để truy xuất tới một element có 2 cách sau:
- Với ID: jQuery("#element_id") hoặc $("#element_id").
- Với name: jQuery("[name='element_name']") hoặc $("[name='element_name']"). Với element name bạn sẽ được trả ra một mảng các element có cùng name.
Ví dụ element id: Click vào button sẽ hiển thị ra alert
<script>
$(document).ready(function(){
$("#butAlert").click(function(){
alert("Bạn đã click vào button này.");
});
});
</script>
<input id="butAlert" type="button" value="Alert"/>Ví dụ element name: Check vào một radio sẽ hiển thị alert
<script>
$(document).ready(function(){
$("[name='cks']").change(function(){
alert("Bạn đã chọn "+$(this).val()+" này.");
});
});
</script>
<input name="cks" type="radio" value="radio1"/>radio 1
<input name="cks" type="radio" value="radio2"/>radio 2
<input name="cks" type="radio" value="radio3"/>radio 3
<input name="cks" type="radio" value="radio4"/>radio 4
radio 1
radio 2
radio 3
radio 4
thank nhiều nhé đúng thứ tôi đang cần, cũng đã dùng jquery ròi nhưng có nhiều chỗ chưa rõ mong bạn post thật nhiều bài.
Trả lờiXóaCám ơn bạn, mình sẽ cố :D
Trả lờiXóamình thấy Blog của bạn rất hay nhưng ít người biết đến ..
Trả lờiXóanếu bạn cho phép thì mình sẽ đặt logo blog của bạn ở forum của mình (forum free :D,lượt truy cập cũng không nhiều http://www.c3z.co.cc/forum.htm)
Mình không đòi hỏi bạn phải đặt logo của mình như kiểu trao đổi. mình muốn những kiến thức này có nhiều người biết hơn.
Nếu bạn đồng ý, xin gửi logo của bạn vào email kalenv@gmail.com
Thân ! :D
Bài viết của bạn hay quá!
Trả lờiXóaCám ơn bạn rất nhiều!
uh.OK ! phần click radiobutton hay wa ta (~_^)
Trả lờiXóathanks kiu bạn bài của bạn rất hay và hữu ích.
Trả lờiXóathanks nhiu nha pan
Trả lờiXóaminh thick bai` cua ban don gian nhung rat hay
Trả lờiXóatren mang co rat nhiu tai lieu nhung khong cu the hoac lang ngoang kho hiu
cám ơn bạn nhiều, bắt đầu học java thôi nào a e ơi!!!
Trả lờiXóa