为了账号安全,请及时绑定邮箱和手机立即绑定
  • 语法:<br> .get( [index ] )<br> <br> 注意2点<br> 1.get方法是获取的dom对象,也就是通过document.getElementById获取的对象<br> 2.get方法是从0开始索引<br> <br> 所以第二个a元素的查找: $(a).get(1)<br> <br> 负索引值参数<br> <br> get方法还可以从后往前索引,传递一个负索引值,注意的负值的索引起始值是-1<br> <br> 同样是找到第二元素,可以传递 $(a).get(-2) eq返回的是一个jQuery对象,get返回的是一个DOM对象, 用法可以参考一下: $aaron.eq(1).css("color","blue") $aaron.get(-2).style.color = "#8A2BE2"
    查看全部
  • jQuery.trim()函数用于去除字符串两端的空白字符 这个函数很简单,没有多余的参数用法 需要注意: •移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab) •如果这些空白字符在字符串中间时,它们将被保留,不会被移除
    查看全部
  • jQuery.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回 -1。 语法: jQuery.inArray( value, array [, fromIndex ] ) 用法非常简单,传递一个检测的目标值,然后传递原始的数组,可以通过fromIndex规定查找的起始值,默认数组是0开始 例如:在数组中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引:4 注意: 如果要判断数组中是否存在指定值,你需要通过该函数的返回值不等于(或大于)-1来进行判断
    查看全部
  • each就是for循环方法的一个包装,内部就是通过for遍历数组与对象< 遍历一个数据,不需要考虑这个数据是对象还是数组 回调函数中传入的两个参数,如果遍历的是数组,第一个参数是索引值,第二个参数是数组的值;如果遍历是对象,第一个参数是属性,第二个参数是属性值
    查看全部
  • 停止动画stop stop() 点击停止,动画1停,动画2会继续,再点击停,动画2会停,动画3会继续 stop(true) 停止全部动画 stop(true,true) 在动画1运动时,点击停,直接跳到动画1的目标状态。点击执行,动画2继续,点击停,直接跳到动画2的目标状态。状态3同理。 点击停后,后面的动画会自动继续的只有stop() 注意:如果动画未完成停止了,那么动画完成时执行的回调函数是不会被调用的。
    查看全部
  • step和progress的区别 在每一步动画中,progress回调是对于每个元素执行一次,参数是(Promise异步对象,进度0~1,动画剩余ms) 而step对于每个元素的每个动画属性执行一次,参数是(当前属性值Number,当前属性的Tween对象)。
    查看全部
  • .animate( properties, options ) options参数 •duration - 设置动画执行的时间 •easing - 规定要使用的 easing 函数,过渡使用哪种缓动函数 •step:规定每个动画的每一步完成之后要执行的函数 •progress:每一次动画调用的时候会执行这个回调,就是一个进度的概念 •complete:动画完成回调 其中最关键的一点就是: 如果多个元素执行动画,回调将在每个匹配的元素上执行一次,不是作为整个动画执行一次
    查看全部
  • animate方法更灵活,可以精确的控制样式属性从而执行动画。 .animate({properties},duration,function) 属性设置,持续时间,回调函数 properties:一个或多个css属性的键值对所构成的Object对象。要特别注意所有用于动画的属性必须是数字的,除非另有说明;比如常见的,border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等这些都是能产生动画效果的。background-color很明显不行。 注意,css样式使用DOM名称(比如"fontSize")来设置,而非css名称(比如"font-size") 特别注意单位,属性值的单位是像素(px),除非另有说明,单位em和%需要指定使用。 如 .animate({ width:100, left:"20px", opacity:"show", fontSize:"10em" },1000) 除了定义数值,每个属性能使用"show","hide",和"toggle"。快捷控制显示、隐藏、切换 .animate({ left:"+=100px" },"fast"); 变化后的左边距,是当前的左边距+100px duration持续时间,以毫秒为单位,数值越大,越慢,还可以用"fast"和“slow”,分别表示持续时间为200毫秒和600毫秒。
    查看全部
  • toggle、sildeToggle以及fadeToggle的区别: toggle:切换显示与隐藏效果 sildeToggle:切换上下拉卷滚效果 fadeToggle:切换淡入淡出效果 当然细节上还是有更多的不同点: toggle与slideToggle细节区别: toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性 slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。
    查看全部
  • 淡入效果fadeTo fadeIn和fadeOut都是修改元素的opacity属性,变化的区间是0-1 fadeTo可以直接变化到给定的透明度。 .fadeTo(duration,opacity,function) 持续时间,透明度,回调函数(非必需)
    查看全部
  • fadeToggle切换fadeOut与fadeIn效果,所谓"切换",即如果元素当前是可见的,则将其隐藏(淡出);如果元素当前是隐藏的,则使其显示(淡入)。
    查看全部
  • fadeIn()函数用于显示所有匹配的元素,并带有淡入的过渡动画效果。 注意: •淡入的动画原理:操作元素的不透明度从0%逐渐增加到100% •如果元素本身是可见的,不对其作任何改变。如果元素是隐藏的,则使其可见
    查看全部
  • fadeOut()函数用于隐藏所有匹配的元素,并带有淡出的过渡动画效果 所谓"淡出"隐藏的,元素是隐藏状态不对作任何改变,元素是可见的,则将其隐藏。 .fadeOut( [duration ] [, complete ] ) 通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。 字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时。如果提供任何其他字符串,或者这个duration参数8被省略,那么默认使用400毫秒的延时
    查看全部
  • 上卷下拉切换 slideToggle() slideToggle([duration][,complete]) slideToggle("fast") 200毫秒 slideToggle("slow") 600毫秒
    查看全部
  • 因为动画是异步的,所以要在动画之后执行某些操作就必须要写到回调函数里面,这里要特别注意
    查看全部

举报

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

微信扫码,参与3人拼团

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

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