jQuery的動畫api
animate
jQuery設置動畫
animate({屬性集合},時間);
animate({屬性集合},時間,回調函數);
animate({屬性集合},時間,運動曲線,回調函數);
使用動畫需要注意的:
* 動畫隊列
* 動畫隊列其實JQ動畫的特點,只不過有時候這特特點很多時候不需要,
* 所以我們要清空動畫隊列,實現效果
*
* 清空隊列
* 核心函數:
* .stop()
* 默認值:
* .stop(true,false)
* // 第一個參數:是否清除隊列
* // 第二個參數:是否跳轉到最終效果
獲取元素的索引值
.index()
$(this).index() 獲取當前元素在父級的索引值
$(JQ對象集合).index(this) 獲取當前元素在集合的索引值
能夠使用jQuery操作元素增刪改查
增
.append()
.appendTo()
.prepend()
.prependTo()
// 以下同級添加
.after()
.before()
他們的詳細用法:
* 創建:
* $('<標籤名稱>')
*
* 後添加:
* $(分區).append(節點)
* $(節點).appendTo(分區)
*
* 前添加:
* $(分區).prepend(節點)
* $(節點).prependTo(分區)
*
* 同級添加:
* .after()
* .before()
刪
.remove() 連帶節點也會清空(連自己都清空)
.empty() 只是清空節點內容(不包括自己)
改
.replaceWith()
例子:
var str = '<p>這是個段落標籤</p>';
$('.father span').replaceWith(str);
查
$('div')
克隆
.clone() 默認只克隆外觀
.clone(true) 深度克隆,外觀和事件都克隆
使用jQuery操作屬性增刪改查
單屬性修改
.attr(屬性,值)
.prop(屬性,值)
多屬性修改
.attr({屬性集合})
.prop({屬性集合})
單屬性獲取
.attr(屬性)
.prop(屬性)
* .attr() 和.prop() 函數大部分時候可以通用的
* .prop() 專門用户獲取表單屬性checked,selected,disable
* .attr() 專門用於獲取和修改自定義屬性 data-*
增
如果屬性沒有,修改就是添加
刪
1.把屬性設置成''
2.removeAttr()
removeProp()
區別: removeAttr節點也會刪除,而removeProp()只會刪除節點內容,不會刪除節點
改
如果屬性本來存在標籤身上,那就是修改
查
獲取就是查找 例如:$('div')
本文章為轉載內容,我們尊重原作者對文章享有的著作權。如有內容錯誤或侵權問題,歡迎原作者聯繫我們進行內容更正或刪除文章。