Gán phần tử html cho biến jquery

Trước khi bắt đầu tìm hiểu về Cú pháp jQuery, chúng ta hãy tìm hiểu sơ qua về các khái niệm cơ bản của Javascript. Điều này là do, jQuery là một khung được xây dựng bằng các khả năng của JavaScript. Vì vậy, trong khi thực hiện trong jQuery, bạn có thể sử dụng tất cả các chức năng và khả năng khác có sẵn trong JavaScript. Vì vậy, hãy nhanh chóng xem xét các khái niệm cơ bản nhất nhưng được sử dụng thường xuyên nhất trong jQuery

Sợi dây

Một chuỗi trong JavaScript (jQuery) là một đối tượng bất biến không chứa, một hoặc nhiều ký tự. Sau đây là các ví dụ hợp lệ của Chuỗi JavaScript -

"This is JavaScript String"
'This is JavaScript String'
'This is "really" a JavaScript String'
"This is 'really' a JavaScript String"

số

Các số trong JavaScript là các giá trị IEEE 754 định dạng 64 bit có độ chính xác kép. Chúng là bất biến, giống như các chuỗi. Sau đây là các ví dụ hợp lệ về Số JavaScript -

5350
120.27
0.26

Boolean

Boolean trong JavaScript (jQuery) có thể đúng hoặc sai. Nếu một số bằng 0, nó mặc định là sai. Nếu một chuỗi trống mặc định là sai

Sau đây là các ví dụ hợp lệ của JavaScript Boolean -

true      // true
false     // false
0         // false
1         // true
""        // false
"hello"   // true

Các đối tượng

JavaScript (jQuery) hỗ trợ rất tốt khái niệm Object. Bạn có thể tạo một đối tượng bằng cách sử dụng đối tượng theo nghĩa đen như sau -

var emp = {
   name: "Zara",
   age: 10
};

Bạn có thể viết và đọc các thuộc tính của một đối tượng bằng cách sử dụng ký hiệu dấu chấm như sau -

// Getting object properties
emp.name  // ==> Zara
emp.age   // ==> 10

// Setting object properties
emp.name = "Daisy"  // <== Daisy
emp.age  =  20      // <== 20

Mảng

Bạn có thể định nghĩa mảng bằng cách sử dụng ký tự mảng như sau -

var x = [];
var y = [1, 2, 3, 4, 5];

Một mảng có thuộc tính độ dài hữu ích cho phép lặp -

var x = [1, 2, 3, 4, 5];

for (var i = 0; i < x.length; i++) {
   // Do something with x[i]
}

Chức năng

Một hàm trong JavaScript (jQuery) có thể được đặt tên hoặc ẩn danh. Một hàm được đặt tên có thể được định nghĩa bằng cách sử dụng từ khóa hàm như sau -

function named(){
   // do some stuff here
}

Một hàm ẩn danh có thể được định nghĩa theo cách tương tự như một hàm bình thường nhưng nó sẽ không có bất kỳ tên nào

Một hàm ẩn danh có thể được gán cho một biến hoặc được truyền cho một phương thức như hình bên dưới

JQuery sử dụng các hàm ẩn danh rất thường xuyên như sau -

$(document).ready(function(){
   // do some stuff here
});

Tranh luận

Đối số biến JavaScript (jQuery) là một loại mảng có thuộc tính độ dài. Ví dụ sau giải thích nó rất rõ ràng -

5350
120.27
0.26

Đối tượng đối số cũng có thuộc tính callee, thuộc tính này đề cập đến hàm bạn đang ở trong. Ví dụ -

5350
120.27
0.26

Định nghĩa bài văn

JavaScript (jQuery) từ khóa nổi tiếng này luôn đề cập đến bối cảnh hiện tại. Trong một chức năng, bối cảnh này có thể thay đổi, tùy thuộc vào cách chức năng được gọi -

5350
120.27
0.26

Bạn có thể chỉ định ngữ cảnh cho một lời gọi hàm bằng cách sử dụng các phương thức call() và apply() tích hợp sẵn trong hàm

Sự khác biệt giữa chúng là cách chúng truyền đối số. Cuộc gọi chuyển tất cả các đối số dưới dạng đối số cho hàm, trong khi áp dụng chấp nhận một mảng làm đối số

5350
120.27
0.26

Phạm vi

Phạm vi của một biến là vùng chương trình của bạn mà nó được định nghĩa. Biến JavaScript (jQuery) sẽ chỉ có hai phạm vi

• Biến toàn cầu - Một biến toàn cầu có phạm vi toàn cầu, nghĩa là nó được xác định ở mọi nơi trong mã JavaScript của bạn

• Biến cục bộ - Một biến cục bộ sẽ chỉ hiển thị trong một hàm nơi nó được xác định. Các tham số chức năng luôn là cục bộ của chức năng đó

Trong phần thân của một hàm, một biến cục bộ được ưu tiên hơn một biến toàn cục có cùng tên -

5350
120.27
0.26

Gọi lại

Gọi lại là một hàm JavaScript (jQuery) đơn giản được truyền cho một số phương thức dưới dạng đối số hoặc tùy chọn. Một số cuộc gọi lại chỉ là sự kiện, được gọi để cung cấp cho người dùng cơ hội phản ứng khi một trạng thái nhất định được kích hoạt

Ví dụ, hệ thống sự kiện của jQuery sử dụng các cuộc gọi lại như vậy ở mọi nơi -

5350
120.27
0.26

Hầu hết các cuộc gọi lại cung cấp đối số và ngữ cảnh. Trong ví dụ về trình xử lý sự kiện, cuộc gọi lại được gọi với một đối số, một Sự kiện

Một số cuộc gọi lại được yêu cầu để trả về một cái gì đó, một số khác làm cho giá trị trả về đó là tùy chọn. Để ngăn việc gửi biểu mẫu, trình xử lý sự kiện gửi có thể trả về false như sau -

5350
120.27
0.26

đóng cửa

Các bao đóng JavaScript (jQuery) được tạo bất cứ khi nào một biến được xác định bên ngoài phạm vi hiện tại được truy cập từ bên trong một số phạm vi bên trong

Ví dụ sau cho thấy cách bộ đếm biến có thể nhìn thấy bên trong các hàm tạo, tăng và in, nhưng không ở bên ngoài chúng –

5350
120.27
0.26

Mẫu này cho phép bạn tạo các đối tượng với các phương thức hoạt động trên dữ liệu không hiển thị với thế giới bên ngoài. Cần lưu ý rằng ẩn dữ liệu là cơ sở của lập trình hướng đối tượng

Mẫu ủy quyền

Proxy là một đối tượng có thể được sử dụng để kiểm soát quyền truy cập vào một đối tượng khác. Nó thực hiện cùng một giao diện với đối tượng khác này và chuyển bất kỳ lời gọi phương thức nào tới nó. Đối tượng khác này thường được gọi là chủ thể thực sự

Một proxy có thể được khởi tạo thay cho chủ đề thực này và cho phép nó được truy cập từ xa. Chúng ta có thể lưu phương thức setArray của jQuery trong một bao đóng và ghi đè lên nó như sau -

5350
120.27
0.26

Ở trên kết thúc mã của nó trong một hàm để ẩn biến được ủy quyền. Sau đó, proxy ghi lại tất cả các cuộc gọi đến phương thức và ủy quyền cuộc gọi cho phương thức ban đầu. Sử dụng apply(this, đối số) đảm bảo rằng người gọi sẽ không thể nhận thấy sự khác biệt giữa phương thức ban đầu và phương thức được ủy quyền

Chức năng tích hợp sẵn

JavaScript đi kèm với một bộ chức năng tích hợp hữu ích. Các phương thức này có thể được sử dụng để thao tác Chuỗi, Số và Ngày

Sau đây là các hàm JavaScript quan trọng -

charAt()

Trả về ký tự tại chỉ mục đã chỉ định

concat()

Kết hợp văn bản của hai chuỗi và trả về một chuỗi mới

cho mỗi()

Gọi một hàm cho từng phần tử trong mảng

Chỉ số()

Trả về chỉ mục trong đối tượng String đang gọi của lần xuất hiện đầu tiên của giá trị đã chỉ định hoặc -1 nếu không tìm thấy

chiều dài()

Trả về độ dài của chuỗi

nhạc pop()

Loại bỏ phần tử cuối cùng khỏi một mảng và trả về phần tử đó

đẩy()

Thêm một hoặc nhiều phần tử vào cuối mảng và trả về độ dài mới của mảng

đảo ngược()

Đảo ngược thứ tự các phần tử của một mảng -- phần tử đầu tiên trở thành phần tử cuối cùng và phần tử cuối cùng trở thành phần tử đầu tiên

loại()

Sắp xếp các phần tử của một mảng

chất nền()

Trả về các ký tự trong một chuỗi bắt đầu tại vị trí đã chỉ định cho đến hết số ký tự đã chỉ định

toLowerCase()

Trả về giá trị chuỗi gọi được chuyển thành chữ thường

toString()

Trả về chuỗi đại diện cho giá trị của số

Đến trường hợp trên()

Trả về giá trị chuỗi gọi được chuyển thành chữ hoa

Mô hình đối tượng tài liệu

Mô hình Đối tượng Tài liệu là một cấu trúc cây gồm nhiều thành phần khác nhau của HTML như sau. Hãy thử nhấp vào biểu tượng

5350
120.27
0.26

Sau đây là những điểm quan trọng về cấu trúc cây trên -

• The là tổ tiên của tất cả các yếu tố khác;

• Các phần tử và không chỉ là phần tử con mà còn là phần tử con của ,

• Tương tự như vậy, ngoài việc là tổ tiên của và , còn là cha mẹ của chúng

• Các

  các phần tử là con (và hậu duệ) của

  , con cháu của và , và anh chị em ruột của nhau

  yếu tố

Trong khi tìm hiểu các khái niệm jQuery, sẽ rất hữu ích khi hiểu về DOM, nếu bạn không biết về DOM thì tôi khuyên bạn nên xem qua hướng dẫn đơn giản của chúng tôi về Hướng dẫn DOM

Làm cách nào để gán giá trị cho phần tử HTML trong jQuery?

Làm cách nào để gán HTML cho một biến?

Ví dụ về cách các phần tử HTML được sử dụng trong jQuery?

Làm cách nào để viết mã HTML bên trong JavaScript?