小方法、事件、动画

小方法:

执行:

$(".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:回调函数});

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 隐藏/显示jQuery hide()和show(): jQuery toggle(): 淡入淡出fadeIn()、...
    筱南独舞阅读 2,642评论 0 1
  • 选择器选择器是jQuery的核心。 事件 动画 扩展
    wyude阅读 3,372评论 0 1
  • 问答部分 一、说说库和框架的区别? 库~是一个提供了封装好很多方法的工具,在这个工具里面,用与不用都是由你决定,控...
    dengpan阅读 2,895评论 1 2
  • 资料来源 w3cschool 1.元素的显示与隐藏 1.1显示元素show() 语法 $(selector).sh...
    小人物的秘密花园阅读 3,134评论 0 0
  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 4,066评论 0 9