Introduction to the use of wildcards in jQuery selectors
- 2020-03-30 02:24:56
- OfStack
1. The selector
(1) wildcard:
(2) selection by index
(3) get the input number of the node at the next level of the jqueryObj
(4) get all < under the child node of the tag class as main; A> The label
(5) select next to the label
2. The filter
3. The event
4. Utility functions
(1) wildcard:
$("input[id^='code']");//All input tags that start with code for the id attribute
$("input[id$='code']");//All input tags whose id attribute ends with code
$("input[id*='code']");//The id attribute contains all the input tags for the code
(2) selection by index
$("tbody tr:even"); //Select all tr tags with an even index
$("tbody tr:odd"); //Select all tr tags with an odd index
(3) get the input number of the node at the next level of the jqueryObj
jqueryObj.children("input").length;
(4) get all < under the child node of the tag class as main; A> The label
$(".main > a");
(5) select next to the label
jqueryObj.next("div");//Gets a div immediately after the queryobj tag, and nextAll gets all
2. The filter
//not
$("#code input:not([id^='code'])");//The id is the code tag that does not contain all input tags whose id begins with code
3. The event
//Handles keyboard operations on text boxes
jqueryObj.keyup(function(event){
var keyCode = event.which;//Gets the key value of the currently pressed keyboard, and the return key is 13
}
4. Utility functions
$('#someField').val($.trim($('#someField').val()));//Eliminate whitespace, syntax: $.trim(value)