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.
CODE
<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à $.
CODE
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
CODE
<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
CODE
<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
Không có nhận xét nào:
Đăng nhận xét