jQuery概述

JavaScript庫

jQuery概述

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

jQuery的基本使用

入口函數(shù)

jQuery的頂級對象$

DOM對象和jQuery對象

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

jQuery常用API

jQuery選擇器

基本和層級選擇器

隱式迭代

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

篩選選擇器

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

新浪下拉菜單案例

jQuery排他思想

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

淘寶服飾精品案例

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

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

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

jQuery樣式操作

操作css方法

操作類樣式方法

tab欄切換案例

類操作與className區(qū)別

jQeury效果

顯示隱藏效果

滑動效果以及事件切換

• 上拉下拉效果

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

停止動畫排隊(duì)stop

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

• 以下是案例 ：
  

自定義動畫animate方法

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

總結(jié)

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

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