一、選擇網頁元素

1.css選擇器

2.特有表達式:(冒號)

二、方法函數(shù)化

2.1 原生

例如:window.onload

innerHtml

onclick

2.2 jquery

例如:? $

html()?

.click()

三、原生與 jquery

1 原生與JQ可以共存

ep:?$('#div1').html()

oDiv.innerHtml

2 原生與JQ不能混用

ep:? $('#div1').innerHTML? //錯誤寫法

oDiv.html()? //錯誤寫法

四、改變結果集

1 強大的過濾器

例如: has()? not()? filter()

2 相鄰元素查找

例如: next() parent() children()

五、鏈式操作

end() 結果集后退一步

六、取值與賦值合體

例如: html()? val() attr() width()? text()??

如單選框參數(shù)還可以是數(shù)組

注意：取值是一組元素中取第一個，賦值是所有元素賦值

七、元素的異形換位

1.直接移動該元素

例如: insertAfter()? appendTo()

2.移動其他元素

例如:insert()? append()

區(qū)別：操作的元素不同

八、強大的創(chuàng)建

1.使用￥直接創(chuàng)建

2.￥加字符串創(chuàng)建

3.clone(true)克隆

九、工具方法

1.構造函數(shù)上的方法

例如:$.each()? ?$.trim()

2.原型上的方法

例如:$("#div1").each()

十、事件操作

1.獨立事件

例如:click()? mouseenter()

2. 通用事件

例如:bind() on()? one()? unbind()? e:event對象? ?pageX等

阻止默認與冒泡? trigger自定義? ?toggle(可多個fn按順序切換)

十一、運動特效

1.常見效果

例如:? fadeIn()? fadeOut()? sideDown()? sideUp()? show()? hide()??

2.復雜效果

例如: animate()? stop()

十二、插件機制、UI組件

擴展插件

使用組件