jQuery 學習筆記

2021-08-28 03:54:29 字數 1517 閱讀 1725

// jquery的三個步驟


1.引入jquery檔案


2.入口與函式


3.功能實現


函式入口標準1


$(document).ready(function());


函式入口標準2


$(function());


//2.註冊事件


$("#btn").click(function());


//3. show


$("#div").show();


jquery物件與dom物件 的區別


jq物件就是jq方式獲取的物件：$("btn1");


dom物件(js物件)就是jq方式獲取的物件: var btn1 = document.getelementbyid("btn1");
1.隔行變色

2.jquery 基本選擇器

$(function());
3.層級選擇器

4.過濾選擇器

5.篩選選擇器  (.children)

篩選選擇器:是方法
6.屬性操作

7.attr與prop的使用

8.全選案例

全選12


3456
9.三組基本動畫

//三組基本動畫


/*1.顯示 隱藏


2.滑入 滑出


3.淡入 淡出


*/
10.輪播圖 手動
11.自定義 動畫☆
12.stop的使用

1


2
13.建立於新增節點

14.清空與刪除與轉殖節點
15.widht  height  scrolltop  scrollleft  offset  position 方法

16.on 委託事件

jquery學習筆記

判斷checkbox是否被選中if attr checked true 檢查元素是否存在 if tt length 0 if tt 0 檢查元素是否隱藏 alert dvtest is visible 判斷元素顯示或隱藏狀態 多選框操作 獲取一組radio被選中項的值 var item input ...

Jquery 學習筆記

text 和 val 的區別 text 方法是取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。獲取span,div p之類才用text 或html 方法。例子 b a p text 將得到 ba 單行文字不能用text 方法獲得值，必須...

Jquery學習筆記

1.給一組相同的css加事件，要使用bind，live在新的版本已經過期。testcss bind click function e else 未選中 3.改變checkbox選中狀態 mycheckbox prop checked true mycheckbox prop checked fals...