jquery样式操作

(1)
设置样式
$().css(json);
$().css(属性,值);
获取样式
$().css(属性);//获取第一个值
(2)
类操作
添加类
$().addClass();
判断类
$().hasClass();
删除类
$().removeClass();
切换类:
$("div").toggleClass("");
(3)
动画
显示动画:
$("div").show();//修改display
$("div").show(2000);//通过控制宽高透明度
$("div").show(slow/normal/fast);//通过控制宽高透明度
$("div").show(2000,function(){
//回调函数
});
隐藏动画:
$("div").hidn("同上");
切换隐藏和显示:
$("div").toggle("同上");

向下滚:
$("div").slideDown("4种用法");
向上滚:
$("div").slideUp("4种用法");
上下切换:
$("div").slideToggle("4种用法");

淡入
$().fadeIn();
淡出
$().fadeOut();

$().fadeTo(1000,0.5);
淡入淡出切换
$().fadeToggle();

自定义动画:不支持背景色
$("div").animate({css属性},speed,callback);

停止动画
$("div").stop();//默认两个都是false
第一个参数:
true后续动画不执行
false后续动画执行
第二个参数:
true立即完成当前动画
false立即停止当前动画
(4)
创建节点
$("<li class="aaa">我是li标签</li>");
$("ul").html("<li class="aaa">我是li标签</li>");//在ul下创建li节点
(5)
添加元素:
添加子元素
$("div").append(node);//在元素末尾添加一个元素
node.appendto($("ul"));

$("div").prepend(node);//在元素的第一个子元素前追加节点
node.prependTo($("div"));

添加兄弟元素
$("li").after(node);//在兄弟元素后添加一个元素
$("li").before(0);//在兄弟元素前添加一个元素

清空
$("ul").html("");
$("ul").empty("");

删除一个元素
$("ul").remove();

复制节点:
$(要复制的元素).clone();

 

转载于:https://www.cnblogs.com/zhaobw/p/6394072.html