为了账号安全,请及时绑定邮箱和手机立即绑定
  • $("#div").stop();//停止当前动画,继续下一个动画 $("#div").stop(true);//清除元素的所有动画 $("#div").stop(false, true);//让当前动画直接到达末状态 ,继续下一个动画 $("#div").stop(true, true);//清除元素的所有动画,让当前动画直接到达末状态
    查看全部
  • 让元素在页面不可见,常用的办法就是通过设置样式的display:none。 除此之外还可以一些类似的办法可以达到这个目的。 这里要提一个透明度的方法,设置元素透明度为0,可以让元素不可见,透明度的参数是0~1之间的值,通过改变这个值可以让元素有一个透明度的效果
    查看全部
  • jQuery中显示与隐藏切换toggle方法 1.基本的操作:toggle();处理元素显示或者隐藏,因为不带参数,所以没有动画。 2.提供参数:.toggle( [duration ] [, complete ] ) 提供了时间、还有动画结束的回调。 3.直接定位:.toggle(display) 直接提供一个参数,指定要改变的元素的最终效果
    查看全部
  • 语法:参数接受一个jQuery或者dom对象作为查找的条件 .index() .index( selector ) .index( element ) 如果不传递任何参数给 .index() 方法,则返回值就是jQuery对象中第一个元素同一父元素下相对于它兄弟元素的位置 如果参数是一个选择器, .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素,则 .index() 返回 -1 如果在一组元素上调用 .index() ,并且参数是一个DOM元素或jQuery对象, .index() 返回值就是传入的元素相对于原先集合的位置
    查看全部
  • 注意2点 get方法是获取的dom对象,也就是通过document.getElementById获取的对象 get方法是从0开始索引 负索引值参数 get方法还可以从后往前索引,传递一个负索引值,注意的负值的索引起始值是-1
    查看全部
  • jQuery.trim()函数用于去除字符串两端的空白字符 移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab) 如果这些空白字符在字符串中间时,它们将被保留,不会被移除
    查看全部
  • jQuery.inArray( value, array ,[ fromIndex ] ) 用法非常简单,传递一个检测的目标值,然后传递原始的数组,可以通过fromIndex规定查找的起始值,默认数组是0开始; 若数组中具有多个值则返回第一个出现的位置,若返回值为 -1 表明该值不存在
    查看全部
  • jQuery.each()函数还会根据每次调用函数callback的返回值来决定后续动作。如果返回值为false,则停止循环(相当于普通循环中的break);如果返回其他任何值,均表示继续执行下一个循环。 return false跳出循环
    查看全部
  • jQuery中toggle与slideToggle以及fadeToggle的比较 操作元素的显示和隐藏可以有几种方法。 例如: 改变样式display为none 设置位置高度为0 设置透明度为0 都能达到这个目的,并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeIn/fadeOut。除此之外,还引入了toggle、sildeToggle以及fadeToggle切换方法 toggle、sildeToggle以及fadeToggle的区别: toggle:切换显示与隐藏效果 sildeToggle:切换上下拉卷滚效果 fadeToggle:切换淡入淡出效果 oggle与slideToggle细节区别: toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性 slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。 注释:隐藏的元素不会被完全显示(不再影响页面的布局) if (v == "1") { $("p").toggle(); } else if (v == "2") { $("p").slideToggle("slow"); } else if (v == "3") { $("p").fadeToggle(1000, "linear"); }
    查看全部
  • jQuery中淡入效果fadeTo ---测试文字透明度效果 fadeIn:淡入效果,内容显示,opacity是0到1 fadeOut:淡出效果,内容隐藏,opacity是1到0 $("p").fadeTo(1000, 0.2); $("p").fadeTo(1000, 0.9, function() { alert('完成') });
    查看全部
  • jQuery中淡入淡出切换fadeToggle $("p").fadeToggle(3000); $("p").fadeToggle(1000, function() { alert("切换完毕!"); });
    查看全部
  • jQuery中淡入动画fadeIn 淡出的隐藏效果 $("p").fadeIn(); $("p").fadeIn(2000, function() { alert("显示完毕!"); });
    查看全部
  • jQuery中淡出动画fadeOut $("p").fadeOut(3000); $("p").fadeOut(2000, function() { alert("隐藏完毕!"); });
    查看全部
  • slideDown与slideUp是一对相反的方法。需要对元素进行上下拉卷效果的切换,jQuery提供了一个便捷方法slideToggle用滑动动画显示或隐藏一个匹配元素 基本的操作:slideToggle(); $("#a1").slideToggle(3000)上卷下拉切换slideToggle
    查看全部
  • $("elem").slideUp(); 上卷动画slideUp $("elem").slideDown();下卷动画
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的动画处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!