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')