Thứ Tư, 12 tháng 2, 2014
JavaScript - Testing jQuery
Thử nghiệm JavaScript Framework Thư viện - jQuery
Bao gồm jQuery
Để kiểm tra một thư viện JavaScript, bạn cần phải bao gồm nó trong trang web của bạn.
Bao gồm một thư viện, sử dụng thẻ script với thuộc tính src thiết lập để URL của thư viện:
Bao gồm jQuery
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
</head>
<body>
</body>
</html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
</head>
<body>
</body>
</html>
JQuery mô tả
Chức năng jQuery chính là $) chức năng (chức năng jQuery) (. Nếu bạn vượt qua các đối tượng DOM để chức năng này, nó sẽ trả về đối tượng jQuery, với jQuery thêm chức năng cho họ.
jQuery cho phép bạn chọn các yếu tố của bộ chọn CSS.
Trong JavaScript, bạn có thể gán một chức năng để xử lý các sự kiện tải của cửa sổ:
The Way JavaScript:
function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello jQuery";
}
onload=myFunction;
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello jQuery";
}
onload=myFunction;
JQuery tương đương là khác nhau:
The Way jQuery:
function myFunction()
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);
Dòng cuối cùng của đoạn mã trên, vượt qua các tài liệu HTML DOM đối tượng jQuery: $ (document).
Khi bạn vượt qua đối tượng DOM để jQuery, jQuery trả về đối tượng jQuery mới quấn quanh các đối tượng DOM HTML.
Chức năng jQuery trả về một đối tượng jQuery mới, nơi sẵn sàng () là một phương pháp.
Kể từ khi chức năng là các biến trong JavaScript, myFunction có thể được thông qua như là một biến phương pháp sẵn sàng jQuery.
 | jQuery trả về một đối tượng jQuery, khác nhau từ các đối tượng DOM đã được thông qua. Các đối tượng jQuery có các tính chất và phương pháp, khác với các đối tượng DOM. Bạn không thể sử dụng tài sản DOM HTML và các phương pháp trên các đối tượng jQuery. |
|---|
Thử nghiệm jQuery
Hãy thử ví dụ sau:
Ví dụ
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
Thử nó cho mình »
Cũng cố gắng này:
Ví dụ
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").attr("style","color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").attr("style","color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
Thử nó cho mình »
Như bạn có thể nhìn thấy từ ví dụ trên, jQuery cho phép chain.
Chaining là một cách tiện dụng để thực hiện nhiều nhiệm vụ trên một đối tượng.
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét