jQuery概述

JavaScript庫(kù)

jQuery概述

jQuery優(yōu)點(diǎn)

jQuery的基本使用

入口函數(shù)

jQuery的頂級(jí)對(duì)象$

DOM對(duì)象和jQuery對(duì)象

DOM對(duì)象和jQuery對(duì)象相互轉(zhuǎn)換

jQuery常用API

jQuery選擇器

基本和層級(jí)選擇器

隱式迭代

• 因此不需要循環(huán)加事件

篩選選擇器

篩選方法-選取父子兄元素

新浪下拉菜單案例

jQuery排他思想

• 注意這里的this不是指button，而是當(dāng)前的這個(gè)button

淘寶服飾精品案例

• 以下是同類型的另一個(gè)案例 ：
  

鏈?zhǔn)骄幊?/h3>

• 針對(duì)上一小節(jié)的最后一個(gè)案例的優(yōu)化 ：
  

jQuery樣式操作

操作css方法

操作類樣式方法

tab欄切換案例

類操作與className區(qū)別

jQeury效果

顯示隱藏效果

滑動(dòng)效果以及事件切換

• 上拉下拉效果

• 那么可以修改前面做的微博導(dǎo)航欄效果了 （將show改成slideDown）：
  
• 但這不夠方便，還有 切換事件

停止動(dòng)畫排隊(duì)stop

淡入淡出以及突出顯示以及選中圖片案例

• 以下是案例 ：
  

自定義動(dòng)畫animate方法

王者榮耀手風(fēng)琴案例

總結(jié)

以上是生活随笔為你收集整理的黑马程序员pink老师前端入门教程，零基础必看的JavaScript基础语法视频教程（jQuery1）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。