Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..) 
Chia lấy phần dư / chia lấy phần nguyên trong javascript 
Các sự kiện (Event) trong Javascript 
Các cách khai báo biến trong Javascript 
Bắt sự kiện click trong Javascript 
Hàm Array splice() trong Javascript 
Cách khai báo biến trong PHP, các loại biến thường gặp 
Download và cài đặt Vertrigo Server 
Thẻ li trong HTML 
Thẻ article trong HTML5 
Cấu trúc HTML5: Cách tạo template HTML5 đầu tiên 
Cách dùng thẻ img trong HTML và các thuộc tính của img 
Thẻ a trong HTML và các thuộc tính của thẻ a thường dùng Cách dùng Next Siblings Selector (“prev ~ siblings”) trong jQuery
Next Siblings Selector sẽ tìm kiếm phần tử cùng cấp xuất hiện sau các phần tử được xác định bởi một selector prev nào đó và thỏa mãn selector được cung cấp.
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.
Sự khác nhau giữa (prev + next) và (prev ~ siblings) là trong khi (prev + next) sẽ chỉ tìm kiếm phần tử xuất hiên ngay sau phần tử prev thì (prev ~ siblings) sẽ tìm kiếm tất cả các phần tử theo sau( tất nhiên là chúng phải thỏa mãn siblings selector nữa ).
Cú pháp
Cú pháp
jQuery( "prev ~ siblings" )
Trong đó:
- prev là một selector bất kỳ.
- siblings là selector sẽ lọc lại các phần tử xuất hiện sau prev.
Ví dụ
Tìm kiếm thẻ các thẻ theo sau thẻ p và có class="true" và đổi màu chữ cho chúng:
Bài viết này được đăng tại [free tuts .net]
Code
RUN
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Học lập trình miễn phí tại freetuts.net</title>
<script src="https://freetuts.net/cnd/js/jquery/jquery-3.2.1.min.js"></script>
</head>
<body>
<h1>Học lập trình miễn phí tại freetuts.net</h1>
<p>Đây là thẻ p </p>
<div class="true">Đây là thẻ div class="true" </div>
<div class="true">Đây là thẻ div class="true" </div>
<span class="true">Đây là thẻ span class="true" </span>
<div>Đây là thẻ div co class = not </div>
<br>
<button onclick="myFunction()">Click vào đây để xem kết quả</button>
<script>
function myFunction(){
$( "p ~.true" ).css( "color", "red");
}
</script>
</body>
</html>Ta có thể thấy rằng, thẻ div thứ 3 không hề thay đổi vì nó có class="not" chứ không phải "true".
Kết quả:
Tham khảo: jquery.com
