Bài 2: Cú pháp jQuery

root

Leader IT/Architect
Dec 31, 2012
1,153
72
48
I. Cú pháp cơ bản jQuery
  • Cú pháp jQuery được dùng để chọn các thẻ HTML và tương tác các hành vi với các thẻ đó.
  • Cú pháp cơ bản rất đơn giản như sau:
HTML:
$(selector).action()

  • Dấu $ là để định nghĩa jQuery.
  • Phần (selector) là phần tìm các thẻ HTML thông qua tên thẻ, thuộc tính, lớp.
  • Phần action() là hành vi cần thực hiện cho các thẻ HTML sau khi tìm được.
Ví Dụ:
HTML:
$(this).hide()      // hides the current element.
$("p").hide()       // hides all <p> elements.
$(".test").hide()  // hides all elements with class="test".
$("#test").hide() // hides the element with id="test".

II. Selector
  • Selector là một chuỗi ký tự cho phép chỉ định chính xác element trên tài liệu html.
  • Gọi hàm $(<selector>) để jQuery trả về cho bạn một jQuery object. Object này chứa những hàm cung cấp bởi jQuery và mảng chứa DOM node tìm thấy bởi selector.
  • Có 2 kiểu Selector thường gặp
1. Kiểu đơn
  • Tìm tag của element
HTML:
$("p")
Ví dụ: ta sẽ thử trên tag <p> của HTML: Try it yourself

  • Tìm bằng class của element
​Ví dụ: Ta thử trên class "test" như sau: Try it yourself

  • Tìm bằng ID của element.
HTML:
$("#test")
Ví dụ: Ta thử trên ID "test" try it yourself
 

About us

  • Securityzone.vn là một trang web chuyên về an ninh mạng và công nghệ thông tin. Trang web này cung cấp các bài viết, tin tức, video, diễn đàn và các dịch vụ liên quan đến lĩnh vực này. Securityzone.vn là một trong những cộng đồng IT lớn và uy tín tại Việt Nam, thu hút nhiều người quan tâm và tham gia. Securityzone.vn cũng là nơi để các chuyên gia, nhà nghiên cứu, sinh viên và người yêu thích an ninh mạng có thể trao đổi, học hỏi và chia sẻ kiến thức, kinh nghiệm và giải pháp về các vấn đề bảo mật trong thời đại số.

Quick Navigation

User Menu