为了账号安全,请及时绑定邮箱和手机立即绑定
  • 语法: .get( [index ] ) 注意2点 get方法是获取的dom对象,也就是通过document.getElementById获取的对象 get方法是从0开始索引 所以第二个a元素的查找: $(a).get(1) 负索引值参数 get方法还可以从后往前索引,传递一个负索引值,注意的负值的索引起始值是-1 同样是找到第二元素,可以传递 $(a).get(-2)
    查看全部
  • 操作元素的显示和隐藏可以有几种方法。 例如: 改变样式display为none 设置位置高度为0 设置透明度为0 都能达到这个目的,并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeIn/fadeOut。除此之外,还引入了toggle、sildeToggle以及fadeToggle切换方法 toggle、sildeToggle以及fadeToggle的区别: toggle:切换显示与隐藏效果 sildeToggle:切换上下拉卷滚效果 fadeToggle:切换淡入淡出效果 当然细节上还是有更多的不同点: toggle与slideToggle细节区别: toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性 slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。 注释:隐藏的元素不会被完全显示(不再影响页面的布局)
    查看全部
  • fadeIn:淡入效果,内容显示,opacity是0到1 fadeOut:淡出效果,内容隐藏,opacity是1到0
    查看全部
  • 淡入的动画原理:操作元素的不透明度从0%逐渐增加到100% 如果元素本身是可见的,不对其作任何改变。如果元素是隐藏的,则使其可见
    查看全部
  • fadeOut()函数用于隐藏所有匹配的元素,并带有淡出的过渡动画效果 所谓"淡出"隐藏的,元素是隐藏状态不对作任何改变,元素是可见的,则将其隐藏。 .fadeOut( [duration ], [ complete ] ) 通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
    查看全部
  • display属性值保存在jQuery的数据缓存中,所以display可以方便以后可以恢复到其初始值 当一个隐藏动画后,高度值达到0的时候,display 样式属性被设置为none,以确保该元素不再影响页面布局
    查看全部
  • 注意事项: 下拉动画是从无到有,所以一开始元素是需要先隐藏起来的,可以设置display:none 如 果提供回调函数参数,callback会在动画完成的时候调用。将不同的动画串联在一起按顺序排列执行是非常有用的。这个回调函数不设置任何参数,但是 this会设成将要执行动画的那个DOM元素,如果多个元素一起做动画效果,那么要非常注意,回调函数会在每一个元素执行完动画后都执行一次,而不是这组 动画整体才执行一次
    查看全部
  • 示或隐藏匹配元素 基本的操作:toggle(); 这是最基本的操作,处理元素显示或者隐藏,因为不带参数,所以没有动画。通过改变CSS的display属性,匹配的元素将被立即显示或隐藏,没有动画。 如果元素是最初显示,它会被隐藏 如果隐藏的,它会显示出来 display属性将被储存并且需要的时候可以恢复。如果一个元素的display值为inline,然后是隐藏和显示,这个元素将再次显示inline 提供参数:.toggle( [duration ] [, complete ] ) 同样的提供了时间、还有动画结束的回调。在参数对应的时间内,元素会发生显示/隐藏的改变,在改变的过程中会把元素的高、宽、不透明度进行一系列动画效果。这个元素其实就是show与hide的方法 直接定位:.toggle(display) 直接提供一个参数,指定要改变的元素的最终效果 其实就是确定是使用show还是hide方法 if ( display === true ) { $( "elem" ).show(); } else if ( display === false ) { $( "elem" ).hide();
    查看全部
  • show与hide方法是修改的display属性,通过是visibility属性布局需要通过css方法单独设置 如果使用!important在你的样式中,比如display: none !important,如果你希望.show()方法正常工作,必须使用.css('display', 'block !important')重写样式 如果让show与hide成为一个动画,那么默认执行动画会改变元素的高度,高度,透明度
    查看全部
  • 6-5 index
    查看全部
  • 6-4 get get返回的是dom对象,eq返回的是jq对象 $aaron.eq(1).css('color','blue') $aaron.get(1).style.color="blue"
    查看全部
  • 6-3 $.trim()相当于jQuery.trim()
    查看全部
  • 6-2 inArray
    查看全部
  • 6-1 each 来自评论: $(selector).each(obj,function(arguments[0],arguments[1]){}); 如果被遍历对象是数组,那么function第一个参数是index,即当前遍历成员的下标。第二个参数是item,即当前遍历成员本身,与this同意; 如果被遍历对象是json对象,那么function第一个参数是property,即当前遍历成员的键。第二个参数是value,即当前遍历成员的值。
    查看全部
  • 5-3 stop 来自评论: 1. stop() 停止当前执行的动画,继续后续动画 stop current,exe next 2. stop(true) 停止当前执行动画及后续所有动画 stop all 3. stop(true,true) 停止当前执行动画元素及后续所有动画,直接显示当前动画的完成状态 shift to currentEnd, stop remains stop(true)是停止当前动画,并执行下一个队列的动画?!!!!” .stop()方法就是停止当前动画,并立即执行该元素下的其他后续动画,再次点击执行操作后又继续执行;stop(true)就是对该元素设置了clearQueue效果,也就是清空了所有动画效果,即使再次点击执行操作也没用。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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