學習jquery部分筆記

2021-09-30 14:08:52 字數 2264 閱讀 4270

jquery  物件

1.jquery物件是通過jquery($())包裝dom物件後產生的物件

2. jquery物件是jquery獨有的,如果乙個物件是jquery物件 那麼它就可使用jquery裡的方法

3  jquery 物件無法使用dom物件的任何方法  同樣dom物件也不能使用jquery裡的任何方法

約定:如果獲取的是 jquery 物件, 那麼要在變數前面加上 $.     

var $variable = jquery 物件

var variable = dom 物件

4(1) jquery 物件是乙個陣列物件, 可以通過 [index] 的方法得到對應的 dom物件.  

(2) 使用 jquery 中的 get(index) 方法得到相應的 dom 物件                        

5 對於乙個 dom 物件, 只需要用 $() 把 dom 物件包裝起來(jquery 物件就是通過 jquery 包裝 dom 物件後產生的物件), 就可以獲得乙個 jquery 物件.

6 寫法簡潔   完善的時間處理機制

(jquery某些元素不存在 不會報錯)

7 jquery 的選擇器:

注意事項:  1) 選取被選中的select的option需要使用選擇子節點的方式:

注意有乙個空格

$("select[name='test'] :select").each(function(){});

2)jquery選擇器的綜合使用:

3)如果選擇器搞不定,可以借助方法

8  jquery物件常用的幾個方法:

1) .val();  獲取或者設定表單元素的value屬性值

$(":text:enabled").val();

$(":text:enabled").val("asia");

2).attr();和.val()方法類似  attr(name,val)  為name屬性賦值為val

3).each();用來對jquery物件進行遍歷  其函式內部的this是正在遍歷的dom物件

4).text() 和val()方法類似

text();  獲取元素節點的文字子節點的值

text(str);  設定元素子節點的文字子節點的值

9  使用jquery進行dom 操作

1)新建(元素,屬性,文字)節點  直接使用$()保證即可  返回值時乙個jquery物件

2)把節點插入到文件中

prepend  prependto

before insertbefore

after  insertafter

3)刪除節點

remove();

4)清空節點

empty();

5)轉殖節點

.clone();

6)替換節點

.replaceall();

.replacewith()

7)wrap   wrapall  wrapinner

8).val  html()  text(0   attr()  height()  

注意事項:

1  jquery  物件可以進行隱士迭代$("p").click(function(){})為選取得所有得p節點都新增了click響應函式

2  在jquery中顯示迭代: 使用each()方法

$(":checkbox[name='c']:checked").each(function())

可以在顯示迭代得響應函式的引數中通過index屬性獲取到正在遍歷的物件的索引

3)在響應函式中 this是乙個dom物件 若想使用jquery物件的方法  需要把其包裝為jquery物件

使用$()把 this包起來

4) 。defaultvalue:dom物件的屬性,可以獲取表單元素的預設值

5)  通過val()為radio 賦值:val引數中也應該使用陣列,使用乙個值不起作用

6).val()方法 不能直接獲取checkbox被選擇的值,若直接獲取,只能得到第乙個被選擇的值

因為$(":checkbox[name='c']:checked")得到的是乙個陣列,而使用val()方法只能獲取到元素的第乙個值

若希望列印所有的值 需要使用each遍歷

7)$.trim()可以去除前後的空格

8)jquery物件的方法的連綴:呼叫乙個方法的返回值還是呼叫的物件  於是可以在呼叫方法的後面依然呼叫

先前的那個物件的其他方法

10).find()查詢子節點 返回值為子節點對應的jquery物件

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...