JQuery1.9API video full presentation

Source: Internet
Author: User

Currently, jQuery, as an excellent javascript framework, has been released to version 1.9 (which provides 295 methods). Its excellent design concepts and Perfect compatibility completely conquer this era. Because of its efficient version update, our learning speed often cannot keep up with its update speed. As a user, how to quickly master it has become a wish of most people. Although it has a sound API, its English level is too low and it can only be discouraged. Some good people who are selfless and dedicated in China have translated the translation, but for the lazy and busy programmers, the shortage of personal time has no time to read the system. In view of the current situation in China, I am not dedicated to recording a complete video of jQuery API for everyone to learn. This video fully complies with the original flavor of the official API, and the teaching plan fully follows its API. A video is parsed for each method, so that each video is short and precise, making it easy for viewers to find and watch it accurately. This avoids the disadvantages of overlong videos that are preferred by existing training institutions in China and is difficult to find a specific knowledge. I will give my own opinions on each API and pay attention to the usage details of each method. If you think a video recording is poor or incorrect, you can directly send an email to me or contact me via QQ (40780734. If you think that there is no value for your old man, you can directly drift over it, because everyone understands the truth of "difficult tone of Speech. I have always believed that, without a long journey, there are thousands of miles; without a small stream, there is no river. We hope to build a platform for learning with you here.


Contents
I. Selector
1. Basic


1.1 * All selectors
Function: Selects all elements in the specified range.
Statement: $ ('*')
From the top-level html, head, meta of the page to the page body and all the internal elements will be selected!

Case 1 (search for all elements on the page): D: \ project \ jQueryAPI \ selector \ basic \ star 1.html
Case 2 (find all elements in the specified div): D: \ project \ jQueryAPI \ selector \ basic \ star 2.html


Warning: Unless used by itself, * selector or general selector is extremely slow.

 


1.2. class style Selector
Function: Selects all elements of a specified style class name.
Statement: $ ('. classname ')
Parameter: className is a class name used for searching. Multiple class names can be written without any separator between class names.
If an element has multiple classes, you can select one matching element.
When className is multiple class names, as long as these classes mentioned in className are applied to the element, they will be selected regardless of the sequence of class names in the element class.

 

Case 1 (find all elements of the apply style myClass on the page): D: \ project \ jQueryAPI \ selector \ basic \ class1.html
Case 2 (all elements of the style myClass and youClass are applied to the search page at the same time): D: \ project \ jQueryAPI \ selector \ basic \ class2.html


Note: style names are case sensitive.

 

 

1.3 element Selector

Function: Selects all elements based on the given (html) Tag name.
Syntax: $ ('html tag name ')

Parameter: the html Tag name is an element used for search. It refers to the Tag Name of the DOM node.

Case 1 (find all the divs on the page): D: \ project \ jQueryAPI \ selector \ basic \ element1.html
Case 2 (find all the divs in the table): D: \ project \ jQueryAPI \ selector \ basic \ element2.html


Note: You can also select Custom html tag names. When you select $ (''), the quotation marks here cannot be lost !!

 


1.4 # id Selector

Function: select a single element with the given id attribute
Statement: $ ('# idname ')
Parameter: idName is an ID used for searching, that is, the id attribute of the element.


Case 1 (find the element with the id of iner on the page): D: \ project \ jQueryAPI \ selector \ basic \ id1.html
Case 2 (find the element with the id myId. container [0] on the page): D: \ project \ jQueryAPI \ selector \ basic \ id2.html


Note: When the id contains special characters such as. Or [or], it must be escaped. If the error page contains multiple duplicate IDs, only the first element with the duplicate id will be selected.

 


More than 1.5 Selector
Function: merges the elements matched by each selector and returns them together.
Syntax: $ ('selector1, selector2, selector3 ,......, Selectorn ')


Case 1 (select div, span on the page and elements that apply the myClass style): D: \ project \ jQueryAPI \ selector \ basic \ selector1.html
Case 2 (it is difficult to return jQuery objects in the Dom tree order rather than the selector order): D: \ project \ jQueryAPI \ selector \ basic \ selector2.html


Note: An Effective Method for Selecting any element of different types. The returned jQuery object is in the Dom order on the page, not in selector1, selector2 ...... Order !!

 


========================================================== ====================================

 


2. Hierarchy
3. Basic Filtering
4. Content Filtering
5. Visibility Filtering
6. Attributes
7. subelement Filtering
8. Form
Ii. Attributes/CSS
1. Attributes
2. CSS
3. Dimensions
4. Location
5. Data
Iii. Operations
1. Copy
2. DOM insertion and Encapsulation
3. DOM insertion, internal insertion
4. DOM insertion and external insertion
5. DOM Removal
6. DOM replacement
Iv. Traversal
1. Filter
2. Various Traversal
3. tree traversal
5. Events
1. browser events
2. document loading
3. Event binding
4. Form Events
5. Keyboard Events
6. mouse events
7. event object
Vi. Results
1. Basics
2. Custom
3. Gradient
4. Slide
VII. AJAX
1. Global AJAX event handler
2. Auxiliary Functions
3. Underlying Interface
4. shortcuts
8. Core
1. jQuery object
2. Utility
3. DOM Element Method
4. Internal components
5. Delayed object
6. Callback object

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.