jquery: 簡單、粗暴
jq和js的關係
js是什麼? js是一門編程語言
jq僅僅是基於js的一個庫,jq可理解爲就是開發js的一個工具。
概念
1. 爲何要學jquery ? 簡單,粗暴 沒有兼容性問題
2. 什麼是jquery?js庫,說白了就是js文件,裏面有一大堆的方法
3. 使用jquery的步驟: 1. 引入jquery文件 2. 入口函數 功能實現
4. 版本:1.x 2.x 3.x 1.x 壓縮版和未壓縮版
5. 入口函數: $(document).ready(function) $(function(){})
6. jQuery對象與DOM對象
區別:方法不能混用
聯繫: DOM-->jq 花錢 jq-->dom [0] get(0)
$的實質:function
console.log($ === jQuery);
$(function () {
});
選擇器
基本選擇器 標籤 類 id選擇器 交集 並集
層級選擇器: 子代 後代
過濾選擇器:
:odd:奇數 even:偶數 :eq:指定下標
:first :last :gt :lt
篩選選擇器
children():找兒子
find():找後代
parent():找爹
siblings():找兄弟,不包括本身
next:下一個兄弟
prev:上一次兄弟
eq:指定下標
index():返回的當前元素在全部兄弟裏面的索引。