Love beautiful code? We do too.

  1. Home
  2. Tutorial
  3. Hàm jQuery
  4. .children() trong jQuery
Previous Lesson Next Lesson

.children() trong jQuery

Định nghĩa và sử dụng .children() trong jQuery

.children(): Lấy thành phần con trực tiếp của mỗi thành phần trong những thành phần phù hợp, có thể kết hợp vào bộ chọn (selector).

Cấu trúc .children() trong jQuery

Đã được thêm vào từ phiên bản 1.0

.children()
-----------------------------------------------------------------------------------
$('div').children();
.children("bộ chọn")
-----------------------------------------------------------------------------------
$('div').children(".child");

.children()

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    $('ul.list').children().css('color','red');
});
</script>
</head>

<body>
<ul class="list">
    <li>li thứ nhất</li>
    <li>li thứ hai</li>
</ul>

<ul>
    <li>li thứ nhất</li>
    <li>li thứ hai</li>
    <li>li thứ ba</li>
</ul>
</body>
</html>

Hiển thị trình duyệt:

Ta thấy tất cả thành phần con của ul.list đều đã được thêm css color: red.

.children("bộ chọn")

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    $('ul.list').children(".itemFirst").css('color','red');
});
</script>
</head>

<body>
<ul class="list">
    <li class="itemFirst">li thứ nhất</li>
    <li>li thứ hai</li>
</ul>

<ul>
    <li>li thứ nhất</li>
    <li>li thứ hai</li>
    <li>li thứ ba</li>
</ul>
</body>
</html>

Hiển thị trình duyệt:

Ta thấy chỉ có thành phần con của ul.list với bộ chọn là ".itemFirst" được thêm css color: red.

Previous Lesson Next Lesson

Viết câu trả lời

Drop Images

0 Bình luận

Danh mục bài học

Hoclaptrinh.vn © 2017

From Coder With