- Văn bản
- Lịch sử
The jQuery library harnesses the po
The jQuery library harnesses the power of Cascading Style Sheets (CSS) selectors to let us quickly and easily access elements or groups of elements in the Document Object Model (DOM).
A jQuery Selector is a function which makes use of expressions to find out matching elements from a DOM based on the given criteria. Simply you can say, selectors are used to select one or more HTML elements using jQuery. Once an element is selected then we can perform various operations on that selected element.
The $() factory function
jQuery selectors start with the dollar sign and parentheses − $(). The factory function $() makes use of following three building blocks while selecting elements in a given document −
S.N. Selector & Description
1 Tag Name
Represents a tag name available in the DOM. For example $('p') selects all paragraphs in the document.
2 Tag ID
Represents a tag available with the given ID in the DOM. For example $('#some-id') selects the single element in the document that has an ID of some-id.
3 Tag Class
Represents a tag available with the given class in the DOM. For example $('.some-class') selects all elements in the document that have a class of some-class.
All the above items can be used either on their own or in combination with other selectors. All the jQuery selectors are based on the same principle except some tweaking.
NOTE − The factory function $() is a synonym of jQuery() function. So in case you are using any other JavaScript library where $ sign is conflicting with some thing else then you can replace $ sign by jQuery name and you can use function jQuery() instead of $().
Example
Following is a simple example which makes use of Tag Selector. This would select all the elements with a tag name p and will set their background to "yellow".
The jQuery Example
$(document).ready(function() {
$("p").css("background-color", "yellow");
});
This is a paragraph.
This is second paragraph.
This is third paragraph.
This will produce following result −
How to use Selectors?
The selectors are very useful and would be required at every step while using jQuery. They get the exact element that you want from your HTML document.
Following table lists down few basic selectors and explains them with examples.
S.N. Selector & Description
1 Name
Selects all elements which match with the given element Name.
2 #ID
Selects a single element which matches with the given ID.
3 .Class
Selects all elements which match with the given Class.
4 Universal (*)
Selects all elements available in a DOM.
5 Multiple Elements E, F, G
Selects the combined results of all the specified selectors E, F or G.
Selectors Examples
Similar to above syntax and examples, following examples would give you understanding on using different type of other useful selectors −
S.N. Selector & Description
1 $('*')
This selector selects all elements in the document.
2 $("p > *")
This selector selects all elements that are children of a paragraph element.
3 $("#specialID")
This selector function gets the element with id="specialID".
4 $(".specialClass")
This selector gets all the elements that have the class of specialClass.
5 $("li:not(.myclass)")
Selects all elements matched by that do not have class="myclass".
6 $("a#specialID.specialClass")
This selector matches links with an id of specialID and a class of specialClass.
7 $("p a.specialClass")
This selector matches links with a class of specialClass declared within elements.
8 $("ul li:first")
This selector gets only the first element of the .
9 $("#container p")
Selects all elements matched by that are descendants of an element that has an id of container.
10 $("li > ul")
Selects all elements matched by that are children of an element matched by
11 $("strong + em")
Selects all elements matched by that immediately follow a sibling element matched by .
12 $("p ~ ul")
Selects all elements matched by that follow a sibling element matched by .
13 $("code, em, strong")
Selects all elements matched by or or .
14 $("p strong, .myclass")
Selects all elements matched by that are descendants of an element matched by as well as all elements that have a class of myclass.
15 $(":empty")
Selects all elements that have no children.
16 $("p:empty")
Selects all elements matched by that have no children.
17 $("div[p]")
Selects all elements matched by that contain an element matched by .
18 $("p[.myclass]")
Selects all elements matched by that contain an element with a class of myclass.
19 $("a[@rel]")
Selects all elements matched by that have a rel attribute.
20 $("input[@name=myname]")
Selects all elements matched by that have a name value exactly equal to myname.
21 $("input[@name^=myname]")
Selects all elements matched by that have a name value beginning with myname.
22 $("a[@rel$=self]")
Selects all elements matched by that have rel attribute value ending with self.
23 $("a[@href*=domain.com]")
Selects all elements matched by that have an href value containing domain.com.
24 $("li:even")
Selects all elements matched by that have an even index value.
25 $("tr:odd")
Selects all elements matched by that have an odd index value.
26 $("li:first")
Selects the first element.
27 $("li:last")
Selects the last element.
28 $("li:visible")
Selects all elements matched by that are visible.
29 $("li:hidden")
Selects all elements matched by that are hidden.
30 $(":radio")
Selects all radio buttons in the form.
31 $(":checked")
Selects all checked boxex in the form.
32 $(":input")
Selects only form elements (input, select, textarea, button).
33 $(":text")
Selects only text elements (input[type=text]).
34 $("li:eq(2)")
Selects the third element.
35 $("li:eq(4)")
Selects the fifth element.
36 $("li:lt(2)")
Selects all elements matched by element before the third one; in other words, the first two elements.
37 $("p:lt(3)")
selects all elements matched by elements before the fourth one; in other words the first three elements.
38 $("li:gt(1)")
Selects all elements matched by after the second one.
39 $("p:gt(2)")
Selects all elements matched by after the third one.
40 $("div/p")
Selects all elements matched by that are children of an element matched by .
41 $("div//code")
Selects all elements matched by that are descendants of an element matched by .
42 $("//p//a")
Selects all elements matched by that are descendants of an element matched by
43 $("li:first-child")
Selects all elements matched by that are the first child of their parent.
44 $("li:last-child")
Selects all elements matched by that are the last child of their parent.
45 $(":parent")
Selects all elements that are the parent of another element, including text.
46 $("li:contains(second)")
Selects all elements matched by that contain the text second.
You can use all the above selectors with any HTML/XML element in generic way. For example if selector $("li:first") works for element then $("p:first") would also work for element.
A jQuery Selector is a function which makes use of expressions to find out matching elements from a DOM based on the given criteria. Simply you can say, selectors are used to select one or more HTML elements using jQuery. Once an element is selected then we can perform various operations on that selected element.
The $() factory function
jQuery selectors start with the dollar sign and parentheses − $(). The factory function $() makes use of following three building blocks while selecting elements in a given document −
S.N. Selector & Description
1 Tag Name
Represents a tag name available in the DOM. For example $('p') selects all paragraphs in the document.
2 Tag ID
Represents a tag available with the given ID in the DOM. For example $('#some-id') selects the single element in the document that has an ID of some-id.
3 Tag Class
Represents a tag available with the given class in the DOM. For example $('.some-class') selects all elements in the document that have a class of some-class.
All the above items can be used either on their own or in combination with other selectors. All the jQuery selectors are based on the same principle except some tweaking.
NOTE − The factory function $() is a synonym of jQuery() function. So in case you are using any other JavaScript library where $ sign is conflicting with some thing else then you can replace $ sign by jQuery name and you can use function jQuery() instead of $().
Example
Following is a simple example which makes use of Tag Selector. This would select all the elements with a tag name p and will set their background to "yellow".
The jQuery Example
$(document).ready(function() {
$("p").css("background-color", "yellow");
});
This is a paragraph.
This is second paragraph.
This is third paragraph.
This will produce following result −
How to use Selectors?
The selectors are very useful and would be required at every step while using jQuery. They get the exact element that you want from your HTML document.
Following table lists down few basic selectors and explains them with examples.
S.N. Selector & Description
1 Name
Selects all elements which match with the given element Name.
2 #ID
Selects a single element which matches with the given ID.
3 .Class
Selects all elements which match with the given Class.
4 Universal (*)
Selects all elements available in a DOM.
5 Multiple Elements E, F, G
Selects the combined results of all the specified selectors E, F or G.
Selectors Examples
Similar to above syntax and examples, following examples would give you understanding on using different type of other useful selectors −
S.N. Selector & Description
1 $('*')
This selector selects all elements in the document.
2 $("p > *")
This selector selects all elements that are children of a paragraph element.
3 $("#specialID")
This selector function gets the element with id="specialID".
4 $(".specialClass")
This selector gets all the elements that have the class of specialClass.
5 $("li:not(.myclass)")
Selects all elements matched by that do not have class="myclass".
6 $("a#specialID.specialClass")
This selector matches links with an id of specialID and a class of specialClass.
7 $("p a.specialClass")
This selector matches links with a class of specialClass declared within elements.
8 $("ul li:first")
This selector gets only the first element of the .
9 $("#container p")
Selects all elements matched by that are descendants of an element that has an id of container.
10 $("li > ul")
Selects all elements matched by that are children of an element matched by
11 $("strong + em")
Selects all elements matched by that immediately follow a sibling element matched by .
12 $("p ~ ul")
Selects all elements matched by that follow a sibling element matched by .
13 $("code, em, strong")
Selects all elements matched by or or .
14 $("p strong, .myclass")
Selects all elements matched by that are descendants of an element matched by as well as all elements that have a class of myclass.
15 $(":empty")
Selects all elements that have no children.
16 $("p:empty")
Selects all elements matched by that have no children.
17 $("div[p]")
Selects all elements matched by that contain an element matched by .
18 $("p[.myclass]")
Selects all elements matched by that contain an element with a class of myclass.
19 $("a[@rel]")
Selects all elements matched by that have a rel attribute.
20 $("input[@name=myname]")
Selects all elements matched by that have a name value exactly equal to myname.
21 $("input[@name^=myname]")
Selects all elements matched by that have a name value beginning with myname.
22 $("a[@rel$=self]")
Selects all elements matched by that have rel attribute value ending with self.
23 $("a[@href*=domain.com]")
Selects all elements matched by that have an href value containing domain.com.
24 $("li:even")
Selects all elements matched by that have an even index value.
25 $("tr:odd")
Selects all elements matched by that have an odd index value.
26 $("li:first")
Selects the first element.
27 $("li:last")
Selects the last element.
28 $("li:visible")
Selects all elements matched by that are visible.
29 $("li:hidden")
Selects all elements matched by that are hidden.
30 $(":radio")
Selects all radio buttons in the form.
31 $(":checked")
Selects all checked boxex in the form.
32 $(":input")
Selects only form elements (input, select, textarea, button).
33 $(":text")
Selects only text elements (input[type=text]).
34 $("li:eq(2)")
Selects the third element.
35 $("li:eq(4)")
Selects the fifth element.
36 $("li:lt(2)")
Selects all elements matched by element before the third one; in other words, the first two elements.
37 $("p:lt(3)")
selects all elements matched by elements before the fourth one; in other words the first three elements.
38 $("li:gt(1)")
Selects all elements matched by after the second one.
39 $("p:gt(2)")
Selects all elements matched by after the third one.
40 $("div/p")
Selects all elements matched by that are children of an element matched by .
41 $("div//code")
Selects all elements matched by that are descendants of an element matched by .
42 $("//p//a")
Selects all elements matched by that are descendants of an element matched by
43 $("li:first-child")
Selects all elements matched by that are the first child of their parent.
44 $("li:last-child")
Selects all elements matched by that are the last child of their parent.
45 $(":parent")
Selects all elements that are the parent of another element, including text.
46 $("li:contains(second)")
Selects all elements matched by that contain the text second.
You can use all the above selectors with any HTML/XML element in generic way. For example if selector $("li:first") works for element then $("p:first") would also work for element.
0/5000
Thư viện jQuery harnesses sức mạnh của selectors Cascading Style Sheets (CSS) cho chúng tôi một cách nhanh chóng và dễ dàng truy cập vào yếu tố hoặc nhóm các yếu tố trong mô hình đối tượng tài liệu (DOM).JQuery chọn là một chức năng mà làm cho việc sử dụng biểu thức để tìm hiểu phù hợp với các yếu tố từ một DOM dựa trên các tiêu chí nhất định. Chỉ đơn giản là bạn có thể nói rằng, selectors được sử dụng để chọn một hoặc nhiều phần tử HTML bằng cách sử dụng jQuery. Một khi một phần tử được chọn sau đó chúng tôi có thể thực hiện các hoạt động khác nhau trên đó phần tử được chọn.$ () Chức năng nhà máyjQuery selectors bắt đầu với ký hiệu đô la và dấu ngoặc đơn − $ (). Nhà máy hoạt động () $ làm cho việc sử dụng sau ba khối xây dựng trong khi lựa chọn các yếu tố trong một tài liệu nhất định −S.N. chọn & mô tả1 thẻ tênĐại diện cho một tên từ khóa có sẵn trong DOM. Ví dụ: $('p') chọn tất cả đoạn văn trong tài liệu.2 thẻ IDĐại diện cho một từ khóa có sẵn với ID nhất định trong DOM. Ví dụ: $('#some-id') chọn yếu tố duy nhất trong các tài liệu mà có một ID của một số id.3 thẻ lớpĐại diện cho một từ khóa có sẵn với các lớp học nhất định trong DOM. Ví dụ: $('.some-class') chọn tất cả các yếu tố trong các tài liệu mà có một lớp học của một số lớp.Tất cả các mục ở trên có thể được sử dụng ngày của riêng mình hoặc kết hợp với vấn đề khác. Tất cả các vấn đề jQuery được dựa trên nguyên tắc tương tự ngoại trừ một số chỉnh.Lưu ý − () $ chức năng của nhà máy là một từ đồng nghĩa của jQuery() chức năng. Vì vậy, trong trường hợp bạn đang sử dụng bất kỳ thư viện JavaScript khác nơi $ đăng là mâu thuẫn với một số điều khác sau đó bạn có thể thay thế $ đăng bởi jQuery tên và bạn có thể sử dụng chức năng jQuery() thay vì $ ().Ví dụSau đây là một ví dụ đơn giản mà làm cho việc sử dụng từ khóa chọn. Điều này sẽ chọn tất cả các yếu tố với một thẻ tên p và sẽ thiết lập nền tảng của họ để "vàng". JQuery ví dụ
$(document).ready(function() {
$("p").css("background-color", "yellow");
});
Đây là một đoạn văn. Đây là đoạn thứ hai. Đây là đoạn thứ ba. Điều này sẽ sản xuất sau quả −Làm thế nào để sử dụng Selectors?Các vấn đề rất hữu ích và sẽ được yêu cầu tại mỗi bước trong khi sử dụng jQuery. Họ có được các yếu tố chính xác mà bạn muốn từ tài liệu HTML của bạn.Bảng sau liệt kê xuống vài vấn đề cơ bản và giải thích với các ví dụ.S.N. chọn & mô tả1 tên gọiChọn tất cả yếu tố mà phù hợp với yếu tố tên.2 #IDChọn một yếu tố duy nhất mà phù hợp với nhất định của bạn.1 l Lớp họcChọn tất cả các yếu tố mà phù hợp với các lớp học nhất định.4 universal (*)Chọn tất cả các yếu tố có sẵn trong một DOM.5 nhiều yếu tố E, F, GChọn kết quả kết hợp của tất cả các vấn đề quy định, E, F hoặc G.Ví dụ SelectorsTương tự như ở trên cú pháp và các ví dụ, theo ví dụ sẽ cho bạn sự hiểu biết về cách sử dụng các loại hình khác nhau của − selectors hữu ích khácS.N. chọn & mô tả1 $('*')Chọn này chọn tất cả các yếu tố trong các tài liệu.2 $("p > *")Chọn này chọn tất cả các yếu tố là trẻ em của một yếu tố đoạn.3 $("#specialID")Chọn chức năng này được các yếu tố với id = "specialID".4 $(".specialClass")Chọn này được tất cả các yếu tố có các lớp học của specialClass.5 $("li:not(.myclass)")Chọn tất cả các yếu tố kết hợp bởi mà không có lớp = "myclass".6 $("a#specialID.specialClass")Chọn này phù hợp với các liên kết với id của specialID và một lớp học của specialClass.7 $("p a.specialClass")Chọn này phù hợp với liên kết với một lớp specialClass tuyên bố trong vòng yếu tố.8 $("ul li:first")Chọn này được chỉ là người đầu tiên Các yếu tố của các .9 $("#container p")Chọn tất cả các yếu tố kết hợp bởi mà là hậu duệ của một nguyên tố có một id của container.10 $("li > ul")Chọn tất cả các yếu tố kết hợp bởi đó là con của một phần tử kết hợp bởi 11 $("mạnh mẽ + em")Chọn tất cả các yếu tố kết hợp bởi mà ngay lập tức thực hiện theo một yếu tố anh chị em ruột kết hợp bởi .12 $("p ~ ul")Chọn tất cả các yếu tố kết hợp bởi mà thực hiện theo một yếu tố anh chị em ruột kết hợp bởi .13 $("mã, em, mạnh mẽ")Chọn tất cả các yếu tố kết hợp bởi or or .
14 $("p strong, .myclass")
Selects all elements matched by that are descendants of an element matched by as well as all elements that have a class of myclass.
15 $(":empty")
Selects all elements that have no children.
16 $("p:empty")
Selects all elements matched by that have no children.
17 $("div[p]")
Selects all elements matched by that contain an element matched by .
18 $("p[.myclass]")
Selects all elements matched by that contain an element with a class of myclass.
19 $("a[@rel]")
Selects all elements matched by that have a rel attribute.
20 $("input[@name=myname]")
Selects all elements matched by that have a name value exactly equal to myname.
21 $("input[@name^=myname]")
Selects all elements matched by that have a name value beginning with myname.
22 $("a[@rel$=self]")
Selects all elements matched by that have rel attribute value ending with self.
23 $("a[@href*=domain.com]")
Selects all elements matched by that have an href value containing domain.com.
24 $("li:even")
Selects all elements matched by that have an even index value.
25 $("tr:odd")
Selects all elements matched by that have an odd index value.
26 $("li:first")
Selects the first element.
27 $("li:last")
Selects the last element.
28 $("li:visible")
Selects all elements matched by that are visible.
29 $("li:hidden")
Selects all elements matched by that are hidden.
30 $(":radio")
Selects all radio buttons in the form.
31 $(":checked")
Selects all checked boxex in the form.
32 $(":input")
Selects only form elements (input, select, textarea, button).
33 $(":text")
Selects only text elements (input[type=text]).
34 $("li:eq(2)")
Selects the third element.
35 $("li:eq(4)")
Selects the fifth element.
36 $("li:lt(2)")
Selects all elements matched by element before the third one; in other words, the first two elements.
37 $("p:lt(3)")
selects all elements matched by elements before the fourth one; in other words the first three elements.
38 $("li:gt(1)")
Selects all elements matched by after the second one.
39 $("p:gt(2)")
Selects all elements matched by after the third one.
40 $("div/p")
Selects all elements matched by that are children of an element matched by .
41 $("div//code")
Selects all elements matched by that are descendants of an element matched by .
42 $("//p//a")
Selects all elements matched by that are descendants of an element matched by
43 $("li:first-child")
Selects all elements matched by that are the first child of their parent.
44 $("li:last-child")
Selects all elements matched by that are the last child of their parent.
45 $(":parent")
Selects all elements that are the parent of another element, including text.
46 $("li:contains(second)")
Selects all elements matched by that contain the text second.
You can use all the above selectors with any HTML/XML element in generic way. For example if selector $("li:first") works for element then $("p:first") would also work for element.
$(document).ready(function() {
$("p").css("background-color", "yellow");
});
Đây là một đoạn văn. Đây là đoạn thứ hai. Đây là đoạn thứ ba. Điều này sẽ sản xuất sau quả −Làm thế nào để sử dụng Selectors?Các vấn đề rất hữu ích và sẽ được yêu cầu tại mỗi bước trong khi sử dụng jQuery. Họ có được các yếu tố chính xác mà bạn muốn từ tài liệu HTML của bạn.Bảng sau liệt kê xuống vài vấn đề cơ bản và giải thích với các ví dụ.S.N. chọn & mô tả1 tên gọiChọn tất cả yếu tố mà phù hợp với yếu tố tên.2 #IDChọn một yếu tố duy nhất mà phù hợp với nhất định của bạn.1 l Lớp họcChọn tất cả các yếu tố mà phù hợp với các lớp học nhất định.4 universal (*)Chọn tất cả các yếu tố có sẵn trong một DOM.5 nhiều yếu tố E, F, GChọn kết quả kết hợp của tất cả các vấn đề quy định, E, F hoặc G.Ví dụ SelectorsTương tự như ở trên cú pháp và các ví dụ, theo ví dụ sẽ cho bạn sự hiểu biết về cách sử dụng các loại hình khác nhau của − selectors hữu ích khácS.N. chọn & mô tả1 $('*')Chọn này chọn tất cả các yếu tố trong các tài liệu.2 $("p > *")Chọn này chọn tất cả các yếu tố là trẻ em của một yếu tố đoạn.3 $("#specialID")Chọn chức năng này được các yếu tố với id = "specialID".4 $(".specialClass")Chọn này được tất cả các yếu tố có các lớp học của specialClass.5 $("li:not(.myclass)")Chọn tất cả các yếu tố kết hợp bởi mà không có lớp = "myclass".6 $("a#specialID.specialClass")Chọn này phù hợp với các liên kết với id của specialID và một lớp học của specialClass.7 $("p a.specialClass")Chọn này phù hợp với liên kết với một lớp specialClass tuyên bố trong vòng yếu tố.8 $("ul li:first")Chọn này được chỉ là người đầu tiên Các yếu tố của các .9 $("#container p")Chọn tất cả các yếu tố kết hợp bởi mà là hậu duệ của một nguyên tố có một id của container.10 $("li > ul")Chọn tất cả các yếu tố kết hợp bởi đó là con của một phần tử kết hợp bởi 11 $("mạnh mẽ + em")Chọn tất cả các yếu tố kết hợp bởi mà ngay lập tức thực hiện theo một yếu tố anh chị em ruột kết hợp bởi .12 $("p ~ ul")Chọn tất cả các yếu tố kết hợp bởi mà thực hiện theo một yếu tố anh chị em ruột kết hợp bởi .13 $("mã, em, mạnh mẽ")Chọn tất cả các yếu tố kết hợp bởi or or .
14 $("p strong, .myclass")
Selects all elements matched by that are descendants of an element matched by as well as all elements that have a class of myclass.
15 $(":empty")
Selects all elements that have no children.
16 $("p:empty")
Selects all elements matched by that have no children.
17 $("div[p]")
Selects all elements matched by that contain an element matched by .
18 $("p[.myclass]")
Selects all elements matched by that contain an element with a class of myclass.
19 $("a[@rel]")
Selects all elements matched by that have a rel attribute.
20 $("input[@name=myname]")
Selects all elements matched by that have a name value exactly equal to myname.
21 $("input[@name^=myname]")
Selects all elements matched by that have a name value beginning with myname.
22 $("a[@rel$=self]")
Selects all elements matched by that have rel attribute value ending with self.
23 $("a[@href*=domain.com]")
Selects all elements matched by that have an href value containing domain.com.
24 $("li:even")
Selects all elements matched by that have an even index value.
25 $("tr:odd")
Selects all elements matched by that have an odd index value.
26 $("li:first")
Selects the first element.
27 $("li:last")
Selects the last element.
28 $("li:visible")
Selects all elements matched by that are visible.
29 $("li:hidden")
Selects all elements matched by that are hidden.
30 $(":radio")
Selects all radio buttons in the form.
31 $(":checked")
Selects all checked boxex in the form.
32 $(":input")
Selects only form elements (input, select, textarea, button).
33 $(":text")
Selects only text elements (input[type=text]).
34 $("li:eq(2)")
Selects the third element.
35 $("li:eq(4)")
Selects the fifth element.
36 $("li:lt(2)")
Selects all elements matched by element before the third one; in other words, the first two elements.
37 $("p:lt(3)")
selects all elements matched by elements before the fourth one; in other words the first three elements.
38 $("li:gt(1)")
Selects all elements matched by after the second one.
39 $("p:gt(2)")
Selects all elements matched by after the third one.
40 $("div/p")
Selects all elements matched by that are children of an element matched by .
41 $("div//code")
Selects all elements matched by that are descendants of an element matched by .
42 $("//p//a")
Selects all elements matched by that are descendants of an element matched by
43 $("li:first-child")
Selects all elements matched by that are the first child of their parent.
44 $("li:last-child")
Selects all elements matched by that are the last child of their parent.
45 $(":parent")
Selects all elements that are the parent of another element, including text.
46 $("li:contains(second)")
Selects all elements matched by that contain the text second.
You can use all the above selectors with any HTML/XML element in generic way. For example if selector $("li:first") works for element then $("p:first") would also work for element.
đang được dịch, vui lòng đợi..
Các thư viện jQuery khai thác sức mạnh của Cascading Style Sheets (CSS) selectors để cho chúng tôi một cách nhanh chóng và dễ dàng truy cập vào các yếu tố hoặc nhóm các phần tử trong Document Object Model (DOM). Một jQuery Selector là một chức năng mà làm cho việc sử dụng các biểu thức để tìm ra khớp các yếu tố từ một DOM dựa trên các tiêu chí nhất định. Đơn giản chỉ cần bạn có thể nói, chọn lọc được sử dụng để chọn một hoặc nhiều phần tử HTML bằng cách sử dụng jQuery. Một khi một phần tử được chọn sau đó chúng ta có thể thực hiện các hoạt động khác nhau về yếu tố đó được lựa chọn. Các $ () Nhà máy chức năng bộ chọn jQuery bắt đầu với dấu đô la và dấu ngoặc đơn - $ (). Các chức năng nhà máy $ () làm cho việc sử dụng sau ba khối xây dựng trong khi lựa chọn các yếu tố trong một tài liệu cho - SN Selector & Mô tả 1 Tag Name Đại diện cho một tên thẻ có sẵn trong DOM. Ví dụ $ ('p') chọn tất cả các đoạn văn
trong tài liệu. 2 Tag ID Đại diện cho một thẻ có sẵn với các ID được đưa ra trong DOM. Ví dụ $ ('# số-id') chọn phần tử duy nhất trong tài liệu mà có một ID của một số-id. 3 Tag Lớp Đại diện cho một thẻ có sẵn với các tầng lớp nhất định trong DOM. Ví dụ $ ('. Some-class') chọn tất cả các yếu tố trong các tài liệu mà có một lớp học của một số lớp. Tất cả các mặt hàng trên có thể được sử dụng hoặc một mình hoặc kết hợp với các bộ chọn khác. Tất cả các bộ chọn jQuery được dựa trên các nguyên tắc tương tự, ngoại trừ một số tinh chỉnh. Chú ý: - Các chức năng nhà máy $ () là một từ đồng nghĩa của jQuery () chức năng. Vì vậy, trong trường hợp bạn đang sử dụng bất kì thư viện JavaScript khác, nơi mà dấu $ là mâu thuẫn với một số điều khác sau đó bạn có thể thay thế dấu $ theo tên jQuery và bạn có thể sử dụng chức năng jQuery () thay vì $ (). Ví dụ Sau đây là một ví dụ đơn giản mà làm sử dụng Tag Selector. Điều này sẽ chọn tất cả các phần tử với một tên thẻ p và sẽ thiết lập nền tảng của họ để "vàng".
The jQuery Example
$(document).ready(function() {
$("p").css("background-color", "yellow");
});
Đây là một đoạn văn.
Đây là đoạn thứ hai.
Đây là đoạn thứ ba.
Điều này sẽ tạo ra kết quả sau - Làm thế nào để sử dụng Selectors Các bộ chọn rất hữu ích và sẽ được yêu cầu cho mỗi bước đi trong khi sử dụng jQuery. Họ được những yếu tố chính xác mà bạn muốn từ tài liệu HTML của bạn. Dưới đây là bảng liệt kê xuống vài bộ chọn cơ bản và giải thích cho họ với các ví dụ. SN Selector & Mô tả 1 Name Chọn tất cả các yếu tố đó kết hợp với tên nguyên tố đã cho. 2 #ID Chọn một yếu tố duy nhất mà phù hợp với các ID nhất định. 3 .class Chọn tất cả các yếu tố đó kết hợp với các học nhất định. 4 Universal (*) Chọn tất cả các yếu tố có sẵn trong một DOM. 5 Nhiều yếu tố E, F, G Chọn kết quả kết hợp của tất cả các bộ chọn định E, F hoặc G. Selectors ví dụ tương tự cú pháp và ví dụ ở trên, ví dụ sau đây sẽ cung cấp cho bạn sự hiểu biết về cách sử dụng loại khác nhau của các bộ chọn hữu ích khác - SN Selector & Mô tả 1 $ ('*') chọn này sẽ chọn tất cả các yếu tố trong tài liệu. 2 $ ("p> *") chọn này sẽ chọn tất cả các yếu tố đó đều là con của một yếu tố đoạn. 3 $ ("# SpecialID") chức năng chọn này được các phần tử với id = "SpecialID". 4 $ (". specialClass" ) chọn này được tất cả các yếu tố đó có các lớp học của specialClass. 5 $ ("li: không (.myclass)") Chọn tất cả các yếu tố phù hợp bởi
mà không có class = "myclass". 6 $ ("a # specialID.specialClass") chọn này phù hợp liên kết với một id của SpecialID và một lớp học của specialClass. 7 $ ("p a.specialClass") chọn này phù hợp với các liên kết với một lớp specialClass tuyên bố trong vòng
. yếu tố 8 $ ("ul li: first") chọn này chỉ nhận được đầu tiên
phần tử của . 9 $ ("# chứa p") Chọn tất cả các yếu tố phù hợp bởi
đó là hậu duệ của một phần tử có một id của container. 10 $ ("li> ul") Chọn tất cả các yếu tố phù hợp bởi
đó là con của một phần tử phù hợp bởi
11 $ ("mạnh + em")
Chọn tất cả các yếu tố phù hợp bởi đó ngay lập tức làm theo một yếu tố anh chị em kết hợp bởi . 12 $ ("p ~ ul") Chọn tất cả các yếu tố phù hợp bởi
mà theo một yếu tố anh chị em kết hợp bởi . 13 $ ("code, em, mạnh mẽ") Chọn tất cả các yếu tố phù hợp bởi hay hay . 14 $ ("p mạnh mẽ, .myclass") Chọn tất cả các yếu tố phù hợp bởi đó là hậu duệ của một phần tử phù hợp bởi
cũng như tất cả các yếu tố đó có một lớp học của myclass. 15 $ (": trống rỗng") Chọn tất cả các yếu tố mà không có con. 16 $ ("p: trống rỗng") Chọn tất cả các yếu tố phù hợp bởi
mà không có con. 17 $ ("div [p]") Chọn tất cả các yếu tố phù hợp bởi
có chứa một yếu tố phù hợp bởi . 18 $ ("p [.myclass]") Chọn tất cả các yếu tố phù hợp bởi
có chứa một phần tử với một lớp học của myclass. 19 $ ("a [rel]") Chọn tất cả các yếu tố phù hợp bởi có một thuộc tính rel. 20 $ ("input [@ name = myname]") Chọn tất cả các yếu tố phù hợp bởi
rằng có một giá trị tên chính xác bằng Myname. 21 $ ("input [@ tên ^ = myname]") Chọn tất cả các yếu tố phù hợp bởi
rằng có một giá trị tên bắt đầu với myname. 22 $ ("a [@ rel = $ tự]") Chọn tất cả các yếu tố phù hợp bởi
có rel giá trị kết thúc với tự thuộc tính. 23 $ ("a [@ href * = domain.com ] ") Chọn tất cả các yếu tố phù hợp bởi
có một giá trị href chứa domain.com. 24 $ ("li: ngay cả") Chọn tất cả các yếu tố phù hợp bởi
mà đã là một giá trị chỉ số chẵn. 25 $ ("tr: lẻ") Chọn tất cả các yếu tố phù hợp bởi có một giá trị chỉ số lẻ. 26 $ ("li: first") Chọn đầu
. tố 27 $ ("li: cuối cùng") Chọn cuối cùng
. tố 28 $ ("li: nhìn thấy được") Chọn tất cả các yếu tố phù hợp bởi
mà có thể nhìn thấy. 29 $ ("li: ẩn") Chọn tất cả các yếu tố phù hợp bởi
đó là ẩn. 30 $ (": radio") Chọn tất cả các nút radio trong biểu mẫu. 31 $ (": kiểm tra") Chọn tất cả các kiểm tra boxex trong biểu mẫu. 32 $ (": đầu vào") Chọn chỉ các yếu tố hình thức (đầu vào , lựa chọn, textarea, nút). 33 $ (": văn bản") Chọn chỉ các yếu tố văn bản (input [type = text]). 34 $ ("li: eq (2)") Chọn thứ ba
. tố 35 $ ("li: eq (4)") Chọn thứ năm
. tố 36 $ ("li: lt (2)") Chọn tất cả các yếu tố phù hợp bởi
Yếu tố thứ ba trước khi một; nói cách khác, lần đầu tiên haiyếu tố. 37 $ ("p: lt (3)") chọn tất cả các yếu tố phù hợp bởi
yếu tố thứ tư trước một; nói cách khác là người đầu tiên bayếu tố. 38 $ ("li: gt (1)") Chọn tất cả các yếu tố phù hợp bởi
sau khi điều thứ hai. 39 $ ("p: gt (2)") Chọn tất cả các yếu tố phù hợp bởi
sau khi một phần ba. 40 $ ("div / p") Chọn tất cả các yếu tố phù hợp bởi
đó là con của một phần tử phù hợp bởi . 41 $ ("div // code") Chọn tất cả các yếu tố phù hợp bởi đó là hậu duệ của một phần tử phù hợp bởi
. 42 $ ("p // // a") Chọn tất cả các yếu tố phù hợp bởi
đó là hậu duệ của một phần tử phù hợp bởi
43 $ ("li: first-child")
Chọn tất cả các yếu tố phù hợp bởiđó là những đứa con đầu tiên của cha mẹ họ. 44 $ ("li: cuối cùng con") Chọn tất cả các yếu tố phù hợp bởi
đó là những đứa con cuối cùng của cha mẹ họ. 45 $ (": cha mẹ") Chọn tất cả các yếu tố đó là cha mẹ của các yếu tố khác, bao gồm cả văn bản. 46 $ ("li: chứa (thứ hai)") Chọn tất cả các yếu tố phù hợp bởi
có chứa các văn bản thứ hai. Bạn có thể sử dụng tất cả các bộ chọn ở trên với bất kỳ thành phần HTML / XML theo cách chung chung. Ví dụ nếu chọn $ ("li: đầu tiên") làm việc cho
yếu tố sau đó $ ("p: first") cũng sẽ làm việc cho phần tử.
trong tài liệu. 2 Tag ID Đại diện cho một thẻ có sẵn với các ID được đưa ra trong DOM. Ví dụ $ ('# số-id') chọn phần tử duy nhất trong tài liệu mà có một ID của một số-id. 3 Tag Lớp Đại diện cho một thẻ có sẵn với các tầng lớp nhất định trong DOM. Ví dụ $ ('. Some-class') chọn tất cả các yếu tố trong các tài liệu mà có một lớp học của một số lớp. Tất cả các mặt hàng trên có thể được sử dụng hoặc một mình hoặc kết hợp với các bộ chọn khác. Tất cả các bộ chọn jQuery được dựa trên các nguyên tắc tương tự, ngoại trừ một số tinh chỉnh. Chú ý: - Các chức năng nhà máy $ () là một từ đồng nghĩa của jQuery () chức năng. Vì vậy, trong trường hợp bạn đang sử dụng bất kì thư viện JavaScript khác, nơi mà dấu $ là mâu thuẫn với một số điều khác sau đó bạn có thể thay thế dấu $ theo tên jQuery và bạn có thể sử dụng chức năng jQuery () thay vì $ (). Ví dụ Sau đây là một ví dụ đơn giản mà làm sử dụng Tag Selector. Điều này sẽ chọn tất cả các phần tử với một tên thẻ p và sẽ thiết lập nền tảng của họ để "vàng".
The jQuery Example
$(document).ready(function() {
$("p").css("background-color", "yellow");
});
Đây là một đoạn văn.
Đây là đoạn thứ hai.
Đây là đoạn thứ ba.
Điều này sẽ tạo ra kết quả sau - Làm thế nào để sử dụng Selectors Các bộ chọn rất hữu ích và sẽ được yêu cầu cho mỗi bước đi trong khi sử dụng jQuery. Họ được những yếu tố chính xác mà bạn muốn từ tài liệu HTML của bạn. Dưới đây là bảng liệt kê xuống vài bộ chọn cơ bản và giải thích cho họ với các ví dụ. SN Selector & Mô tả 1 Name Chọn tất cả các yếu tố đó kết hợp với tên nguyên tố đã cho. 2 #ID Chọn một yếu tố duy nhất mà phù hợp với các ID nhất định. 3 .class Chọn tất cả các yếu tố đó kết hợp với các học nhất định. 4 Universal (*) Chọn tất cả các yếu tố có sẵn trong một DOM. 5 Nhiều yếu tố E, F, G Chọn kết quả kết hợp của tất cả các bộ chọn định E, F hoặc G. Selectors ví dụ tương tự cú pháp và ví dụ ở trên, ví dụ sau đây sẽ cung cấp cho bạn sự hiểu biết về cách sử dụng loại khác nhau của các bộ chọn hữu ích khác - SN Selector & Mô tả 1 $ ('*') chọn này sẽ chọn tất cả các yếu tố trong tài liệu. 2 $ ("p> *") chọn này sẽ chọn tất cả các yếu tố đó đều là con của một yếu tố đoạn. 3 $ ("# SpecialID") chức năng chọn này được các phần tử với id = "SpecialID". 4 $ (". specialClass" ) chọn này được tất cả các yếu tố đó có các lớp học của specialClass. 5 $ ("li: không (.myclass)") Chọn tất cả các yếu tố phù hợp bởi
mà không có class = "myclass". 6 $ ("a # specialID.specialClass") chọn này phù hợp liên kết với một id của SpecialID và một lớp học của specialClass. 7 $ ("p a.specialClass") chọn này phù hợp với các liên kết với một lớp specialClass tuyên bố trong vòng
. yếu tố 8 $ ("ul li: first") chọn này chỉ nhận được đầu tiên
phần tử của . 9 $ ("# chứa p") Chọn tất cả các yếu tố phù hợp bởi
đó là hậu duệ của một phần tử có một id của container. 10 $ ("li> ul") Chọn tất cả các yếu tố phù hợp bởi
đó là con của một phần tử phù hợp bởi
11 $ ("mạnh + em")
Chọn tất cả các yếu tố phù hợp bởi đó ngay lập tức làm theo một yếu tố anh chị em kết hợp bởi . 12 $ ("p ~ ul") Chọn tất cả các yếu tố phù hợp bởi
mà theo một yếu tố anh chị em kết hợp bởi . 13 $ ("code, em, mạnh mẽ") Chọn tất cả các yếu tố phù hợp bởi hay hay . 14 $ ("p mạnh mẽ, .myclass") Chọn tất cả các yếu tố phù hợp bởi đó là hậu duệ của một phần tử phù hợp bởi
cũng như tất cả các yếu tố đó có một lớp học của myclass. 15 $ (": trống rỗng") Chọn tất cả các yếu tố mà không có con. 16 $ ("p: trống rỗng") Chọn tất cả các yếu tố phù hợp bởi
mà không có con. 17 $ ("div [p]") Chọn tất cả các yếu tố phù hợp bởi
có chứa một yếu tố phù hợp bởi . 18 $ ("p [.myclass]") Chọn tất cả các yếu tố phù hợp bởi
có chứa một phần tử với một lớp học của myclass. 19 $ ("a [rel]") Chọn tất cả các yếu tố phù hợp bởi có một thuộc tính rel. 20 $ ("input [@ name = myname]") Chọn tất cả các yếu tố phù hợp bởi
rằng có một giá trị tên chính xác bằng Myname. 21 $ ("input [@ tên ^ = myname]") Chọn tất cả các yếu tố phù hợp bởi
rằng có một giá trị tên bắt đầu với myname. 22 $ ("a [@ rel = $ tự]") Chọn tất cả các yếu tố phù hợp bởi
có rel giá trị kết thúc với tự thuộc tính. 23 $ ("a [@ href * = domain.com ] ") Chọn tất cả các yếu tố phù hợp bởi
có một giá trị href chứa domain.com. 24 $ ("li: ngay cả") Chọn tất cả các yếu tố phù hợp bởi
mà đã là một giá trị chỉ số chẵn. 25 $ ("tr: lẻ") Chọn tất cả các yếu tố phù hợp bởi có một giá trị chỉ số lẻ. 26 $ ("li: first") Chọn đầu
. tố 27 $ ("li: cuối cùng") Chọn cuối cùng
. tố 28 $ ("li: nhìn thấy được") Chọn tất cả các yếu tố phù hợp bởi
mà có thể nhìn thấy. 29 $ ("li: ẩn") Chọn tất cả các yếu tố phù hợp bởi
đó là ẩn. 30 $ (": radio") Chọn tất cả các nút radio trong biểu mẫu. 31 $ (": kiểm tra") Chọn tất cả các kiểm tra boxex trong biểu mẫu. 32 $ (": đầu vào") Chọn chỉ các yếu tố hình thức (đầu vào , lựa chọn, textarea, nút). 33 $ (": văn bản") Chọn chỉ các yếu tố văn bản (input [type = text]). 34 $ ("li: eq (2)") Chọn thứ ba
. tố 35 $ ("li: eq (4)") Chọn thứ năm
. tố 36 $ ("li: lt (2)") Chọn tất cả các yếu tố phù hợp bởi
Yếu tố thứ ba trước khi một; nói cách khác, lần đầu tiên haiyếu tố. 37 $ ("p: lt (3)") chọn tất cả các yếu tố phù hợp bởi
yếu tố thứ tư trước một; nói cách khác là người đầu tiên bayếu tố. 38 $ ("li: gt (1)") Chọn tất cả các yếu tố phù hợp bởi
sau khi điều thứ hai. 39 $ ("p: gt (2)") Chọn tất cả các yếu tố phù hợp bởi
sau khi một phần ba. 40 $ ("div / p") Chọn tất cả các yếu tố phù hợp bởi
đó là con của một phần tử phù hợp bởi . 41 $ ("div // code") Chọn tất cả các yếu tố phù hợp bởi đó là hậu duệ của một phần tử phù hợp bởi
. 42 $ ("p // // a") Chọn tất cả các yếu tố phù hợp bởi
đó là hậu duệ của một phần tử phù hợp bởi
43 $ ("li: first-child")
Chọn tất cả các yếu tố phù hợp bởiđó là những đứa con đầu tiên của cha mẹ họ. 44 $ ("li: cuối cùng con") Chọn tất cả các yếu tố phù hợp bởi
đó là những đứa con cuối cùng của cha mẹ họ. 45 $ (": cha mẹ") Chọn tất cả các yếu tố đó là cha mẹ của các yếu tố khác, bao gồm cả văn bản. 46 $ ("li: chứa (thứ hai)") Chọn tất cả các yếu tố phù hợp bởi
có chứa các văn bản thứ hai. Bạn có thể sử dụng tất cả các bộ chọn ở trên với bất kỳ thành phần HTML / XML theo cách chung chung. Ví dụ nếu chọn $ ("li: đầu tiên") làm việc cho
yếu tố sau đó $ ("p: first") cũng sẽ làm việc cho phần tử.
đang được dịch, vui lòng đợi..
Các ngôn ngữ khác
Hỗ trợ công cụ dịch thuật: Albania, Amharic, Anh, Armenia, Azerbaijan, Ba Lan, Ba Tư, Bantu, Basque, Belarus, Bengal, Bosnia, Bulgaria, Bồ Đào Nha, Catalan, Cebuano, Chichewa, Corsi, Creole (Haiti), Croatia, Do Thái, Estonia, Filipino, Frisia, Gael Scotland, Galicia, George, Gujarat, Hausa, Hawaii, Hindi, Hmong, Hungary, Hy Lạp, Hà Lan, Hà Lan (Nam Phi), Hàn, Iceland, Igbo, Ireland, Java, Kannada, Kazakh, Khmer, Kinyarwanda, Klingon, Kurd, Kyrgyz, Latinh, Latvia, Litva, Luxembourg, Lào, Macedonia, Malagasy, Malayalam, Malta, Maori, Marathi, Myanmar, Mã Lai, Mông Cổ, Na Uy, Nepal, Nga, Nhật, Odia (Oriya), Pashto, Pháp, Phát hiện ngôn ngữ, Phần Lan, Punjab, Quốc tế ngữ, Rumani, Samoa, Serbia, Sesotho, Shona, Sindhi, Sinhala, Slovak, Slovenia, Somali, Sunda, Swahili, Séc, Tajik, Tamil, Tatar, Telugu, Thái, Thổ Nhĩ Kỳ, Thụy Điển, Tiếng Indonesia, Tiếng Ý, Trung, Trung (Phồn thể), Turkmen, Tây Ban Nha, Ukraina, Urdu, Uyghur, Uzbek, Việt, Xứ Wales, Yiddish, Yoruba, Zulu, Đan Mạch, Đức, Ả Rập, dịch ngôn ngữ.
- À l'huile d'olive
- hyperactivity of the thyroid gland
- substitute for
- 90년대 느낌 Cứ như những năm 90
- already exists
- Nhiều lúc thấy anh lạnh lùng với tôi tim
- substitute of
- dung la
- If I go Vietnam, I go find u?
- dung la
- tuyết
- 90년대 느낌 Cứ như những năm 90
- it maybe small comfor, bit i am here for
- So far, among the few differences existi
- where Pit is the price of a share of fir
- the innermost layer of double-layer wate
- Optimal approach and timeline for IFRS a
- So far, among the few differences existi
- where Pit is the price of a share of fir
- now end then
- making a slice of fragrance
- i want to marry to a baker
- I looked up to many of you here out of r
- か
