In Web applications, most customersUser-side operations are object-based operations. To operate an object, you must first obtain the object. jquery (v1.3.2) provides a powerful selector for us to obtain the object. Here, I artificially divide the jquery selector into two parts: the selection object and the filtering condition. Select the object that you want to obtain. The filtering condition is to
Isotope is a very magical effect of the element classification filtering and sorting layout of the jquery plugin. Isotope is a masterpiece of David Desandro, author of the masonry layout, which allows you to hide and display elements in a very simple and cool way, and to sort the elements according to the specified rules.Isotope can be set up in multiple layouts: masonry layout, horizontal layout, vertical layout, fit row layout, fit column layout, an
Based on jquery, you can select multiple/filter the number of repeats/can be restricted. is a project used in the previous project, was originally used with the original JS patchwork, with jquery rewrite, has been encapsulated into plug-ins. There is no judgment on manual input, and you can add relevant judgment to KeyUp and change events.
The example in this article describes the attribute filter selector usage in jquery. Share to everyone for your reference. as follows:
I hope this article will help you with your jquery programming.
The example in this article describes the use of the filter () function and the Find () function in jquery. Share to everyone for your reference. The specific analysis is as follows:
$ ("Div. cont");Equivalent to $ ("div"). Find (". Cont")
The filter () function is the function of each object in the collection (what is here, what is obtained).The Find () functi
Copy codeThe Code is as follows: Note: If you add the jquery Import Statement to the head, the blog will filter out the imported js files. How to filter the format of uploaded files in javascript:Copy codeThe Code is as follows:Http://www.w3.org/TR/html4/loose.dtd>
Copy Code code as follows:
Note: The introduction of jquery into the head, the blog will still filter out the introduction of JS files.
How to filter the uploaded file format in javascript:
Copy Code code as follows:
"Http://www.w3.org/TR/html4/loose.dtd" >
This method is used when writing JS to find a collection of child elements of a child element under the current label1 $ (". Flyout-trigger"). MouseOver (function () {2 var maxnum=$ (this). Find (". Flyout-link"). Children (). Filter ("DT"). Size (); 3 $ (this). Children (". Flyout-link"). Show (); 4 $ (this). Children (". Flyout-link"). Animate ({5 height:maxnum*26+ ' px ' 6 }); 7 });Searched for the use of Find () and
: first selects the initial element. $ ("Div:first") to make a selection of the first : Last select Final last element $ ("Div:last") Select Last [: Not (selector)] Select an element that does not meet the "selector" condition$ ("Input:not (. MyClass)") Choose a style name other than MyClass : even:odd The number of indexes selected is an odd and even element. (Consider line 0th as the first line to start the calculation)$ ("Input:even") Select index is odd : EQ (index number). : GT (index numbe
Finds all sibling elements before the current element, which can be filtered with an expression:Instance:[jquery filter Prevall ([expr])] This method is used to search for all sibling elements before finding the current element on the basis of the selector
: Nth-child:Select the index (starting at 1) child or parity element under each parent element to return the collection of elements.1 Scripttype= "Text/javascript">2 $(function(){3 $("Div.one:nth-child (2)"). CSS ("background","#bbffaa")4 });5 Script>: First-child:Selects the 1th child element of each parent element and returns the collection of elements.1 Scripttype= "Text/javascript">2 $(function(){3 $("Div.one:first-child"). CSS ("background","#bbffaa")4 });5 S
(1) wildcard characters$ ("input[id^= ' Code ')");//id attribute all input tags starting with code $ ("input[id$= ' Code '");//id attribute all input tags ending with code $ ("input[id*=" code The//id property contains all input tags of code [property name] matches the element containing the given property [Att=value] matches the element containing the given attribute (case sensitivity) [att*=value] Fuzzy match [att!=value] cannot be this value [ Att$=value] End is this value [Att^=value] starts
given index value. EQ (0) is the first TR element to get. Inside the parentheses are the index values, not the number of element permutations.7,: GT (Index)usage: $ ("tr:gt (0)")return value Collection elementDescription: Matches all elements that are greater than the given index value.8,: LT (index)usage: $ ("Tr:lt (2)")return value Collection elementDescription: Matches all elements that are less than the given index value.9,: Header (fixed notation)usage: $ (":Header"). CSS (" Background ","
find descendant elements down : Children method, find method, contents methodlook up ancestor elements : Parents method, Parent method, Parentsutil method, offsetparent method, closest methodFind descendant elements down1.children method2. Contents method3. Find method 4. Comparison of children method, find method, contents methodFind ancestor elements up1.parents method2.parent method 3.parentsUtil Method4.offsetParent method 5.closest MethodThe second of the
The examples in this article share the jquery ztree with filtering, asynchronous loading instances for your reference, the details are as follows
Specific function operation:
Search Party Committee:
The above is with filter, asynchronous loading function of the ztree, I hope you through the recent several articles, the Ztree has a deep understanding.
This example for you to share the classic jquery filter selector application for your reference, the specific contents are as follows
The above is the entire content of this article, I hope to help you learn, but also hope that we support the cloud habitat community.
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.