1.css操作
2.属性操作
3.动画
4.动态创建元素
1. css操作:
操作样式:
.css('属性', '属性值')
.css({属性: '属性值'})
获取属性值: .css('属性名')
操作类名:
添加类名:. addclass('类名' )
移出类名:. removeClass( '类名)
判断有没有类.hasClass('类名')
切换类:. toggleclass('类名')
2.属性操作:
普通属性操作:
att--------用法和css()一样
removeAttr('属性' )
bool类型属性的操作:
prop-----用法和上面一样
removeProp('属性' )
3.动画方法
I) show( )和hide()
show([speed], [callback])
2) sl ideDown() slideup() slideToggle()
3) fadeIn() fadeout() fadeToggle()
4)自定义动画
. animate({属性: 属性值})
animate({属性:属性值},[speed])
animate({属性:属性值},[speed], [swing])
animate({属性:属性值}, [speed], [swing], [callback])
动画队列:要执行的动画, 先排队,前面的动画执行完成后,在执行后面的动画
停止动画:stop()
4.创建元素
var $p= $('<p>内容啊</p>')
父亲append($p) 向后追加
$p. appendTo(父亲)
在外部插入before()前面 after()后面
向后追加
$('div').append($a)
向前追加
$('div').prepend($a)
清空节点内容
$('div'). empty();
删除元素
$('div' ). remove() ;
克隆节点
var $new = $('div').clone();
添加事件: .on(’ 事件类型’,回调函数)
移出事件: .off():移出所有事件
.off(‘click’):移出指定事件类型
重新触发事件: $(选择器).click();
$(选择器). trigger( ‘事件的类型"’);