1. Trang chủ
  2. » Thể loại khác

truy cap dom trong jquery

5 80 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 5
Dung lượng 231,86 KB

Nội dung

http://vietjack.com/jquery/index.jsp                                                                                                              Copyright  ©  vietjack.com     Truy cập DOM jQuery jQuery công cụ vơ mạnh mẽ Nó cung cấp phương thức đa dạng để truy cập DOM (DOM Traversal Method), giúp chọn phần tử tài liệu cách ngẫu nhiên theo phương thức liên tục Hầu hết DOM Traversal Method không sửa đổi đối tượng jQuery chúng sử dụng để lọc phần tử chúng từ tài liệu sở điều kiện cho Tìm kiếm phần tử mục (index) jQuery Bạn xem xét ví dụ sau tài liệu đơn giản với nội dung HTML sau: The JQuery Example
  • list item 1
  • list item 2
  • list item 3
  • list item 4
  • list item 5
  • list item 6
Nó tạo kết sau: • Ở trên, list có index riêng nó, xác định vị trí sử dụng phương thức eq(index) ví dụ • Mỗi phần tử bắt đầu index từ 0, thế, list item truy cập sử dụng $("li").eq(1) tiếp tục Ví dụ Ví dụ đơn giản sau thêm màu cho list item thứ ba The JQuery Example $(document).ready(function() { $("li").eq(2).addClass("selected"); }); selected { color:red; }
  • list item 6
  • Nó cho kết sau: http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/jquery/index.jsp                                                                                                              Copyright  ©  vietjack.com     Lọc phần tử jQuery Phương thức filter( selector ) sử dụng để lọc tất phần tử từ tập hợp phần tử so khớp mà không so khớp với Selector cho selector viết sử dụng cú pháp Selector Ví dụ Ví dụ đơn giản sau áp dụng màu tới list mà liên kết với class middle: The JQuery Example $(document).ready(function() { $("li").filter(".middle").addClass("selected"); }); class="top">list item 2
  • list item 3
  • list item 4
  • list item 5
  • list item 6
  • Nó cho kết sau: Xác định vị trí phần tử jQuery Phương thức find( selector ) sử dụng để xác định vị trí tất phần tử loại phần tử cụ thể selector viết sử dụng cú pháp selector Ví dụ Ví dụ đơn giản sau chọn tất phần tử có sẵn bên phần tử

    khác The JQuery Example $(document).ready(function() { $("p").find("span").addClass("selected"); }); THIS IS ALSO RED

    Nó cho kết sau: Các phương thức DOM Filter jQuery Bảng liệt kê phương thức hữu ích giúp bạn sử dụng để lọc phần tử đa dạng từ danh sách phần tử DOM: http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí    

    Ngày đăng: 02/12/2017, 15:37

    w