两大特点:
1.链式编程:任意的设置型操作后可以继续操作当前对象
2.隐式迭代:偷偷的遍历,只能在设置操作时生效
样式操作:
1.设置样式操作:
例:$('#box').css('backgroundColor','red');
$('#box').css('width',100);
多个样式同时设置时
$('#box').css({
width : 100,
height : 100,
backgroundColor : 'red'
})
2.样式获取操作
注:只能进行单个元素的单个样式获取,获取结果是字符串形式,具有单位
类名操作
1.addClass() 类名添加
2.removeClass() 移除类名
3.toggleClass() 切换类名
4.hasClass() 检测类名是否存在
动画操作
1.显示与隐藏
show()与hide()不设置参数时,只是普通的显示与隐藏,不具有动画
$('#box').show(1000,function(){})
//参数1:运动时间,毫秒单位
//参数2:函数,表示运动完毕后执行的操作
hide()同上
2.滑入、滑出与切换
slideDown() 滑入,下拉
$('#box').slideDown(1000,function(){})
//参数1:运动时间,默认400
//参数2:函数,运动完毕后执行的操作
slideUp() 滑出,上拉 用法同上
slideToggle() 切换 用法同上 如果当前为显示状态,执行slideDown,否则执行slideUp
3.渐入、渐出、切换与渐到
fadeIn() 渐入 用法同滑入滑出 默认值相同
fadeOut() 渐出 用法同滑入滑出 默认值相同
fadeToggle() 切换 用法同滑入滑出 默认值相同
fadeTo() 渐到
例:$('#box').fadeTo(1000,0.3,function(){})
//参数1:运动时间,默认400
//参数2:渐变到什么程度
//参数3:函数,运动完毕后执行的操作
4.自定义动画
$('#box').animate({