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