小方法、事件、动画

2017-12-12  本文已影响0人  始于颜值忠于你_89a0

小方法:

执行:

$(".aaa").show();//让aaa显示

$(".aaa").hide();//让aaa隐藏

slideDown();

slideUp();

fadeIn();

fadeOut();

fadeTo();

事件:

toggle();

dblclick();

mouseover();

mouseout();

mousenter();

mouseleave();

hover();


内容:

普通元素:

oBox.innerHTML="你好<p>aa</p>";//里面可以是标签文字

$("#oBox").html("你好<p>aa</p>");

表单元素

oBox.value='只能是文字';

$("#box").val();


清除浮动方法:

1、overflow:hidden弊端:有定位的时候隐藏

2、<ul><li>浮动</li><li>浮动</li><li   style='clear:both'></li></ul>

3、.clearfix:after{content:"";display:block;clear:both;}

<ul class='clearfix'><li>浮动</li><li>浮动</li></ul>


$("p").animate({"width":"200px","height:"200px"},100);

$("p").animate({要改变的样式},时间);

$("p").animate({"left":"400px"},{duration:时间,easing:"运动形式",complete:回调函数});

上一篇下一篇

猜你喜欢

热点阅读