为了账号安全,请及时绑定邮箱和手机立即绑定
  • eq返回的是一个jQuery对象,get返回的是一个DOM对象, 用法可以参考一下: $aaron.eq(1).css("color","blue") $aaron.get(-2).style.color = "#8A2BE2" 这个里面有很详细的解答: http://www.imooc.com/code/3416 eq() 返回的是jquery对象,get()返回的是html数组。jquery对象,没有style。
    查看全部
  • jQuery.trim()函数用于去除字符串两端的空白字符 这个函数很简单,没有多余的参数用法 需要注意: 移除字符串开始和结尾处的所有换行符,空格(包括连续的空格)和制表符(tab),如果这些空白字符在字符串中间时,它们将被保留,不会被移除 例如: $.trim($("#results2").val()).length
    查看全部
  • 查找数组中的索引inArray 在PHP有in_array()判断某个元素是否存在数组中,JavaScript却没有,但是jQuery封装了inArray()函数判断元素是否存在数组中。注意了:在ECMAScript5已经有数据的indexOf方法支持了,但是jQuery保持了版本向下兼容,所以封装了一个inArray方法 jQuery.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回 -1。 语法: jQuery.inArray( value, array [, fromIndex ] ) 用法非常简单,传递一个检测的目标值,然后传递原始的数组,可以通过fromIndex规定查找的起始值,默认数组是0开始 例如:在数组中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引:4 注意: 如果要判断数组中是否存在指定值,你需要通过该函数的返回值不等于(或大于)-1来进行判断
    查看全部
  • .each只是处理jQuery对象的方法,jQuery还提供了一个通用的jQuery.each方法,用来处理对象和数组的遍历 语法 jQuery.each(array, callback ) jQuery.each( object, callback ) 第一个参数传递的就是一个对象或者数组,第二个是回调函数 $.each(["Aaron", "慕课网"], function(index, value) { //当遍历数组时,index是索引,也就是数组的索引 //value就是数组中的值了 }); $.each({ name: "张三", age: 18 }, function(property, value) { //当遍历属性对象时,property为属性名(name或age),value为属性值; });
    查看全部
  • stop()停止当前动画,后面的动画继续执行; stop(true)停止当前动画,并且清空动画队列; stop(true,true)停止当前动画直接跳到当前动画目标结果,并且清空动画队列; stop([clearQueue],[gotoEnd]),clearQueue代表是否要清空未执行完的动画队列,gotoEnd代表是否直接将正在执行的动画转到末状态,这两个参数默认都为false。 stop(true,true)表示:清空动画队列(指不会进行后面的动画);跳转到当前动画的末状态。
    查看全部
  • options参数 duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数,过渡使用哪种缓动函数 step:规定每个动画的每一步完成之后要执行的函数 progress:每一次动画调用的时候会执行这个回调,就是一个进度的概念 complete:动画完成回调 常用的方式: $('#elem').animate({ width: 'toggle', height: 'toggle' }, { duration: 5000, specialEasing: { width: 'linear', height: 'easeOutBounce' }, complete: function() { $(this).after('<div>Animation complete.</div>');
    查看全部
  • step:function(a,b)表示每个动画的每一步完成之后都要执行函数。 函数内的两个参数,a表示正在改变的属性值得当前值(例如本例第一个动画的now就表示正在变化的heigh的当前值【并非是height的改变值哦~~】);b表示对原型对象的引用,而这个原型对象包括了很多属性,例如 执行动画的元素elem;动画正在改变的属性prop;正在改变属性的当前值:now;等等等等。 可以尝试将$aaron.text('高度的改变值:'+now)改为 +fx.elem,或者是 ++fx.prop 观察动画后的变化,就能差不多理解啦~~
    查看全部
  • 参数分解: properties:一个或多个css属性的键值对所构成的Object对象。要特别注意所有用于动画的属性必须是数字的,除非另有说明;这些属性如果不是数字的将不能使用基本的jQuery功能。比如常见的,border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等这些都是能产生动画效果的。background-color很明显不可以,因为参数是red或者GBG这样的值,非常用插件,否则正常情况下是不能只能动画效果的。注意,CSS 样式使用 DOM 名称(比如 "fontSize")来设置,而非 CSS 名称(比如 "font-size")。 特别注意单位,属性值的单位像素(px),除非另有说明。单位em 和 %需要指定使 .animate({ left: 50, width: '50px' opacity: 'show', fontSize: "10em", }, 500); 除了定义数值,每个属性能使用'show', 'hide', 和 'toggle'。这些快捷方式允许定制隐藏和显示动画用来控制元素的显示或隐藏 .animate({ width: "toggle" }); 如果提供一个以+= 或 -=开始的值,那么目标值就是以这个属性的当前值加上或者减去给定的数字来计算的 .animate({ left: '+=50px' }, "slow"); duration时间 动画执行的时间,持续时间是以毫秒为单位的;值越大表示动画执行的越慢,不是越快。还可以提供'fast' 和 'slow'字符串,分别表示持续时间为200 和 600毫秒。 easing动画运动的算法 jQuery库中是默认的时调用 swing。在一个恒定的速度进行动画,如果需要其他的动画算法,请查找相关的插件 complete回调 动画完成时执行的函数,这个可以保证当前动画确定完成后发会触发
    查看全部
  • 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) 持续时间,透明度,回调函数(非必需)
    查看全部
  • hide、show、toggle都是修改元素display属性 slideDown、slideUp、slideToggle都是修改元素height属性 fadeIn、fadeOut、fadeToggle都是修改元素样式的opacity属性<br>
    查看全部
  • fadeToggle切换fadeOut与fadeIn效果,所谓"切换",即如果元素当前是可见的,则将其隐藏(淡出);如果元素当前是隐藏的,则使其显示(淡入)。
    查看全部
  • 淡入动画fadeIn fadeOut是淡出效果,相反的还有淡入效fadeIn,方法使用上两者都是一致的,只是结果相反 .fadeIn( [duration ] [, complete ] ) duration:指定过渡动画运行多长时间(毫秒数),默认值为400。该参数也可以为字符串"fast"(=200)或"slow"(=600)。 元素显示完毕后需要执行的函数。函数内的this指向当前DOM元素。 fadeIn()函数用于显示所有匹配的元素,并带有淡入的过渡动画效果。 注意: 淡入的动画原理:操作元素的不透明度从0%逐渐增加到100% 如果元素本身是可见的,不对其作任何改变。如果元素是隐藏的,则使其可见
    查看全部
  • val()方法,当没设置value属性时,获取的是<option>中的文本,如“ <option>慕课网</option>”获取到的是“慕课网”; 设置了value属性的话,获取到就是value的值,如“<option value=‘imooc’>慕课网</option>”获取到的是“imooc”而不是“慕课网”了
    查看全部
  • 淡出动画fadeOut 让元素在页面不可见,常用的办法就是通过设置样式的display:none。除此之外还可以一些类似的办法可以达到这个目的。这里要提一个透明度的方法,设置元素透明度为0,可以让元素不可见,透明度的参数是0~1之间的值,通过改变这个值可以让元素有一个透明度的效果。常见的淡入淡出动画正是这样的原理。 fadeOut()函数用于隐藏所有匹配的元素,并带有淡出的过渡动画效果 所谓"淡出"隐藏的,元素是隐藏状态不对作任何改变,元素是可见的,则将其隐藏。 .fadeOut( [duration ] [, complete ] ) 通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。 字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时。如果提供任何其他字符串,或者这个duration参数8被省略,那么默认使用400毫秒的延时
    查看全部

举报

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

微信扫码,参与3人拼团

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

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