jquery basic knowledge Framework Mind Map (top)

One: Recognize jquery

1.window.onload versus $ (document). Ready ()

2.jQuery Code Style (1: Chained code style 2: Bit code add comment)

3.jQuery Objects and Dom objects (1.DOM object and jquery object Introduction 2.DOM objects and jquery objects convert each other)

II: jquery Selector

1. What is a jquery selector

2.jQuery Selector Benefits

3.jQuery Selector

1. Basic selector (5 kinds of #id,.class,element,*,select1....selectn)

2. Hierarchy Selector (4 kinds $ ("div p"), $ ("Div>p"), $ ("Div+p"), $ ("div~p"))

3.6 Kinds of filter:

Basic selector (10 types, $ ("Div:first"), $ ("Div:last"),: Not (SELECT),: even,:odd,: eq (Index)//starting from 0,

: GT (Index),: LT (index),: header,:animated)

Visible filter (2 kinds,: hidden,:visible)

Content Filters (4 types, $ ("Div:contains (text)"), $ ("Div:empty"),: Has (select),:p arent ());

Attribute Filters (6 kinds, $ ("div[id]"), $ ("div[id=" a "]"), div[id!= "a", div[id^= "a",div[id$= "a", div[id*= "a", [select1][select2][ SELECTN])

child element Filters (4 kinds, $ (div:nth-child (index//starting from 1 |even|odd), $ (Div:first-child), $ (div:last-child), $ (div:first-child))

Form object property Filter Selector (4 types, $ (#form1: Enable), $ (#form1:d isable), $ (#form1: Checked), $ (#form1: Select))

4. Form selector: (11 kinds,: Input,:text,:textarea,:p Assword,:radio,:checkbox,:image,:reset,:buttom,:file,:hidden)

5. Some considerations in selectors (1. Character 2. Spaces)

Three: Dom manipulation in jquery

Classification of 1.DOM Operations (3 aspects 1. DOM Core (CORE) 2.html-dom3. Css-dom)

Dom operations in 2.jQuery (Find nodes, create nodes, insert nodes, delete nodes, copy nodes, replace nodes, wrap nodes, attribute actions, style actions, set and get HTML, text and values, traverse nodes, css-dom operations)

jquery basic knowledge Framework Mind Map (top)