<div style="background: red; left: 10px; top: 20px; width: 100px; height: 100px;"></div>
jQuery('#myheader').addClass('.hilite');Ở trên là từng câu lệnh riêng lẽ, ta có thể rút gọn:
jQuery('#myheader').text('Hello world !!!');
jQuery('#myheader').addClass('.hilite').text('Hello world !!!');2 khai báo trên đều có kết quả như nhau, nhưng lợi điểm thì khác nhau. Khai báo đầu tách riêng từng câu lệnh, điều này khiến cho jQuery phải truy vấn tìm ra tập thẻ thỏa điều kiện 2 lần ứng với mỗi lần gọi. Nhưng ở khai báo sau thì jQuery chỉ cần một lần truy vấn để tìm thẻ và thông tin những thẻ đó được bảo lưu cho những lần gọi tiếp theo sau. Để có thể gọi một chuỗi liên hoàn như khai báo hai, điều cần thiết là ta phải nắm rõ kết quả trả về của một phương thức jQuery, nếu phương thức trả về đối tượng jQuery thì có nghĩa ta có thể gọi liên hoàn, ngược lại thì không:
jQuery('#myheader').attr('href');Với lệnh dòng 2, phương thức attr với tham số 'href' sẽ trả về giá trị thuộc tính href của thẻ #myheader, như vây ta không thể tiếp tục gọi liên hoàn theo sau câu lệnh này được. Đến dòng 3, phương thức attr có tham số 'href' và 'http://google.com' sẽ thực hiện việc gán giá trị của thuộc tính href của thẻ #myheader, phương thức này trả về đối tượng jQuery, ta có thể gọi liên hoàn. Như bạn thấy đó, cùng một phương thức attr, ở mỗi cách gọi (ngữ cảnh) khác nhau, thì kết quả trả về sẽ khác nhau, chúng ta cần tham khảo tài liệu về jQuery để có thể vận dụng chính xác.
jQuery('#myheader').attr('href', 'http://google.com');
 |
| Game xếp kim cương 2 nguyên bản của Popcap |
<table class="box">"Tình hình" là đoạn mã trên có 7 thẻ, nếu sử dụng một cách khác:
<tr>
<td class="box-header"></td>
</tr>
<tr>
<td class="box-body">Nội dung</td>
</tr>
<tr>
<td class="box-footer"></td>
</tr>
</table>
var now = new Date();Với lệnh khởi tạo Date không tham số, hệ thống sẽ trả về ngày hiện tại. Ta cũng có thể khởi tạo đối tượng Date bằng cách chỉ định rõ những tham số theo thứ tự sau: năm, tháng, ngày, giờ, phút, giây:
var vnwomanDay = new Date(2010, 9, 20);
alert(vnwomanDay);
var vnwomanDayAndTime = new Date(2010, 9, 20, 12, 20, 30);
alert(vnwomanDayAndTime);
<div class="box">Ta sử dụng một hình ảnh làm nền:
<div class="box-top"></div>
<div class="box-middle">Nội dung</div>
<div class="box-bottom"></div>
</div>
.box-top {height: 10px; background: ...}Hiển thị ở những trình duyệt khác thì hoàn toàn chính xác:
.box-bottom {height: 10px; background: ...}
// Bước 1: Khởi tạo mảng
var numbers = [1, 2, 3, 4];
// Bước 2: Sắp xếp theo thứ tự giảm
var sortedNumbers = linq(numbers).desc();
// Bước 3: Thêm một phần tử mới vào mảng gốc
numbers.push(5);
// Bước 4: Xuất ra kết quả
sortedNumbers.alert();
<style type="text/css">
.page {width: 800px; margin: 0px auto; background: white; border: 1px solid silver;}
.left-column {float: left; width: 200px; background: #eee;}
.right-column {float: right; width: 200px; background: #eee;}
.center-column {margin-left: 210px; margin-right: 210px; background: #eee;}
.entry {background: #ddd; margin-top: 10px;}
.entry .title {display: block;}
.entry .image {float: left; width: 100px; height: 100px; border: 1px solid silver;}
</style>
<div class="page">
<div class="left-column">
Nội dung cột trái
</div>
<div class="right-column">
Nội dung cột phải
</div>
<div class="center-column">
Nội dung cột giữa
<div class="entry">
<a class="title">Tiêu đề</a>
<a class="image"><span>Hình ảnh</span></a>
<div class="summary">Nội dung sơ lược, nội dung sơ lược</div>
</div>
<div class="entry">
<a class="title">Tiêu đề</a>
<a class="image"><span>Hình ảnh</span></a>
<div class="summary">Nội dung sơ lược, nội dung sơ lược</div>
</div>
</div>
</div>
<style>
body {margin: 0px; padding: 0px;}
.wrapper1 {border: 5px solid red; float: left; width: 200px; margin: 20px;}
.wrapper2 {border: 5px solid blue; float: right; width: 200px; margin: 20px;}
</style>
<div class="wrapper1">Nội dung bên trong</div>
<div class="wrapper2">Nội dung bên trong</div>
var numbers = linq([10, 9, 8, 7, 6]);
numbers.alert('First number: ', 'first');
alert('First number: ' + numbers.first());
numbers.alert('Last number: ', 'last');
alert('Last number: ' + numbers.last());
numbers.alert('Second number: ', 'get', [1]);
alert('Second number: ' + numbers.get(1));
numbers.alert('Count: ', 'count');
numbers.desc().alert('Lowest number: ', 'first');
alert('Lowest number: ' + numbers.desc().first());
numbers.alert('Min: ', 'min');
numbers.concat([1, 2, 3]).alert();
linq([1, 2, 3, 4, 5]) // hàm linq trả về đối tượng LINQ chứa 1, 2, 3, 4 nên ta có thể gọi phương thức tiếp theo sau
linq([1, 2, 3, 4, 5]).odd() // và ta có thể tiếp tục vì odd() trả về đối tượng LINQ chứa danh sách những số l
linq([1, 2, 3, 4, 5]).odd().array() // nhưng đến đây ta không thể gọi tiếp phương thức của LINQ nữa, vì array() là phương thức trả về một mảng giá trị
// tương tự như vậy
linq([1, 2, 3, 4, 5]).odd().first() // trả về 1 nên chuỗi truy vấn sẽ kết thúc
var names = ["Tom", "Dick", "Harry"];
// Cách viết thông thường với tham số where là một hàm dùng để kiểm tra
linq(names).where(function() { return this.indexOf('a') != -1; }).alert();
// Cách viết ngắn gọn
linq(names).where('this.indexOf("a") != -1').alert();
// Sử dụng phương thức contains
linq(names).contains('a').alert();
var names = ["Tom", "Dick", "Harry"];
linq(names).where('this.length >= 4').alert();
linq([1, 2, 3, 4, 5]);
<script src="duong_dan_luu_tru_cua_ban/linq2js.js" type="text/javascript"></script>
<script src="duong_dan_luu_tru_cua_ban/northwind.js" type="text/javascript"></script>
Hãy nói không với 4T