CFSDN nhấn mạnh vào việc tạo ra giá trị thông qua mã nguồn mở. Chúng tôi cam kết xây dựng một nền tảng chia sẻ tài nguyên để mọi người làm CNTT có thể tìm thấy thế giới tuyệt vời của riêng mình tại đây.
Bài đăng trên blog CFSDN này giải thích sự khác biệt giữa this và $(this) trong JQuery với các ví dụ do tác giả biên soạn. Nếu bạn quan tâm đến bài viết này, hãy nhớ thích nó.
Điều này hiếm khi được sử dụng trong jQuery. Khi tôi xem mã, tôi thấy nó đã được sử dụng, vì vậy tôi đã gỡ lỗi giá trị này và nghĩ rằng đây chính là trường hợp đó. Nó vẫn khá hữu ích. Sau đây là tóm tắt về sự khác biệt và cách sử dụng của this và $(this).
$(this) tạo ra cái gì?
$() tạo ra cái gì? Trên thực tế, $()=jquery() có nghĩa là một đối tượng jQuery được trả về.
Thông thường chúng ta sử dụng $() trực tiếp để đơn giản hơn. Trên thực tế, hàm này bỏ qua ngữ cảnh tham số. Chọn đối tượng phù hợp theo bộ chọn, tức là $(selector, context) và trả về nó dưới dạng một trình bao bọc jQuery.
context có thể là một tập hợp các đối tượng Dom hoặc một jQuery wrapper. Nếu được truyền vào, điều đó có nghĩa là chọn các đối tượng khớp nhau từ context. Nếu không được truyền vào, điều đó có nghĩa là phạm vi là đối tượng document (tức là tất cả các đối tượng trên trang), tức là $(selector)=$(selector,document).
điều này đề cập đến đối tượng html gọi hàm.
ví dụ:
.
Sao chép mã Mã như sau:
$("#hộp văn bản").di chuột(
chức năng() {
this.title = "Kiểm tra";
},
chức năng() {
this.title = "Được";
}
);
.
Phần này thực chất là một phần tử Html (hộp văn bản) và nằm trong js. Hộp văn bản có thuộc tính text nên không có gì sai khi viết như thế này.
.
Sao chép mã Mã như sau:
$("#hộp văn bản").di chuột(
chức năng() {
$(this).title = "Kiểm tra";
},
chức năng() {
$(this).title = "Được";
}
);
.
Ở đây $(this) là một đối tượng jQuery và đối tượng jQuery không có thuộc tính title, do đó điều này là sai.
kết luận:
điều này chỉ ra rằng đối tượng ngữ cảnh hiện tại là một đối tượng html và các thuộc tính và phương thức của đối tượng html có thể được gọi. $(this) biểu thị một đối tượng ngữ cảnh jQuery có thể gọi các phương thức và giá trị thuộc tính jQuery.
Các trường hợp (tab):
.
Sao chép mã Mã như sau:
tab($("#nav a"), $(".content"));
chức năng tabs(tab, nội dung){
nội dung.ẩn();
nội dung.eq(0).show();
tab.click(hàm(){
var index = tab.index(cái này);
tab.removeClass("hiện tại");
$(this).addClass("hiện tại");
nội dung.ẩn();
content.eq(index).animate({độ mờ đục:'hiển thị'}, 200);
});
}
Cuối cùng, bài viết này về ví dụ giải thích sự khác biệt giữa this và $(this) trong JQuery ở đây. Nếu bạn muốn biết thêm về ví dụ giải thích sự khác biệt giữa this và $(this) trong JQuery, vui lòng tìm kiếm các bài viết CFSDN hoặc tiếp tục duyệt các bài viết liên quan. Tôi hy vọng bạn sẽ ủng hộ blog của tôi trong tương lai! .
Tôi là một lập trình viên xuất sắc, rất giỏi!