我今天学习了菜鸟教程的jquery。
以下是我的今天的总结:
jquery效果:
1、显示/隐藏
功能:
可以使选择的对象显示或隐藏
语法:
(selector).hide(speed,backcall);
(selector).show(speed,backcall);
$(selector).toggle(speed,backcall);
解释:
speed:时间(毫秒);backcall:回调函数;toggle切换
2、淡入淡出
功能:
可以使被选择的对象慢慢显示和消失
语法:
(selector).fadeIn(speed,bakcall);
(selector).fadeOut(speed,bakcall);
(selector).fadeToggle(speed,bakcall);
(selector).fadeTo(speed,opacity,bakcall);
解释:
opacity不透明度(0-1)。0为透明
3.滑动
语法:
(selector).slideDown(speed,callback);
(selector).slideUp(speed,callback);
$(selector).slideToggle(speed,callback);
4.动画
语法:
$(selector).animate({params},speed,callback);
解释:
params定义动画的css样式
jqueryHTML
1、获取
语法:
(selector).text();
(selector).html();
(selector).val();
(selector).attr(属性);
2、设置
语法
(selector).text(内容);
(selector).html(内容);
(selector).val(内容);
(selector).attr(属性,内容);
3、添加
语法
(selector).append(内容);
(selector).preppend(内容);
(selector).after(内容);
(selector).before(内容);
4、删除
语法
(selector).remove([selector]);
(selector).empty();
5、添加类
语法
(selector).addClass(类);
(selector).removeClass(类);
$(selector).toggleClass(类);