慕课网

jQuery基础(四)—动画篇

最热最新

码农的小青春

toogle使用方法：如果元素最开始的状态是显示， $('.Element').toggle(3000)就代表3秒后元素就会被隐藏，反之元素的最开始状态是隐藏， $('.Element').toggle(3000)就代表3秒后元素就会被显示。

查看全部

0 采集收起来源：jQuery中显示与隐藏切换toggle方法
2017-01-12
门掩重关萧寺中

jQuery.trim()函数用于去除字符串两端的空白字符这个函数很简单，没有多余的参数用法需要注意：移除字符串开始和结尾处的所有换行符，空格(包括连续的空格)和制表符（tab）如果这些空白字符在字符串中间时，它们将被保留，不会被移除

查看全部

0 采集收起来源：jQuery中去空格神器trim方法
2017-01-11
门掩重关萧寺中

语法： jQuery.inArray( value, array ,[ fromIndex ] ) ================================ 例如：在数组中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引：4 ======================= 注意：如果要判断数组中是否存在指定值，你需要通过该函数的返回值不等于(或大于)-1来进行判断

查看全部

0 采集收起来源：jQuery中查找数组中的索引inArray
2017-01-11
门掩重关萧寺中

each就是for循环方法的一个包装，内部就是通过for遍历数组与对象，通过回调函数返回内部迭代的一些参数，第一个参数是当前迭代成员在对象或数组中的索引值(从0开始计数)，第二个参数是当前迭代成员(与this的引用相同 jQuery.each()函数还会根据每次调用函数callback的返回值来决定后续动作。如果返回值为false，则停止循环(相当于普通循环中的break)；如果返回其他任何值，均表示继续执行下一个循环。 =================== $.each(['Aaron', '慕课网'], function(i, item) { $aaron.append("索引=" + i + "; 元素=" + item); }); } else if (v == "2") { // 遍历对象属性 $.each({ name: "张三", age: 18 }, function(property, value) { $aaron.append("属性名=" + property + "; 属性值=" + value); });

查看全部

0 采集收起来源：jQuery中each方法的应用
2018-03-22
慕瓜4404587

jQuery中DOM元素的获取index方法: 从匹配的元素中搜索给定元素的索引值，从0开始计数。 1. .index(): 无参数，返回值就是jQuery对象中第一个元素相对于它同辈元素的位置； 2. .index( selector )：如果参数是一个选择器， .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素，则 .index() 返回 -1； 3. .index( element )：参数是一个DOM元素或jQuery对象， .index() 返回值就是传入的元素相对于原先集合的位置；

查看全部

0 采集收起来源：jQuery中DOM元素的获取index方法
2017-01-11
慕瓜4404587

jQuery中DOM元素的获取get方法：获取合集中的的某一个元素 .get( [index ] ) 注意： 1. get方法是获取的dom对象，也就是通过document.getElementById获取的对象； 2. get方法是从0开始索引； 3. 负索引值参数：get方法还可以从后往前索引，传递一个负索引值，注意的负值的索引起始值是-1；

查看全部

0 采集收起来源：jQuery中DOM元素的获取get方法
2017-01-11
慕瓜4404587

jQuery中去空格神器trim方法： jQuery.trim()函数用于去除字符串两端的空白字符，无参数；需要注意： 1. 移除字符串开始和结尾处的所有换行符，空格(包括连续的空格)和制表符（tab）； 2. 如果这些空白字符在字符串中间时，它们将被保留，不会被移除；

查看全部

0 采集收起来源：jQuery中去空格神器trim方法
2017-01-11
慕瓜4404587

jQuery中查找数组中的索引inArray：在ECMAScript5已经有数据的indexOf方法支持了，但是jQuery保持了版本向下兼容，所以封装了一个inArray方法，用于在数组中搜索指定的值，并返回其索引值。如果数组中不存在该值，则返回 -1。 jQuery.inArray( value, array ,[ fromIndex ] )：用法非常简单，传递一个检测的目标值，然后传递原始的数组，可以通过fromIndex规定查找的起始值，默认数组是0开始；注意：如果要判断数组中是否存在指定值，你需要通过该函数的返回值不等于(或大于)-1来进行判断

查看全部

0 采集收起来源：jQuery中查找数组中的索引inArray
2017-01-11
慕瓜4404587

jQuery中each方法的应用: 处理对象和数组的遍历 1. jQuery.each(array, callback ): $.each(["Aaron", "慕课网"], function(index, value) { //index是索引,也就是数组的索引值(从0开始计数) //value就是数组中的值了 }); 2. jQuery.each( object, callback )： $.each({ name: "张三", age: 18 }, function(property, value) { //property是属性,也就是对象中的属性名 //value就是对象中的属性的值了 });

查看全部

0 采集收起来源：jQuery中each方法的应用
2018-03-22
门掩重关萧寺中

$("#aaron").animate({ height: 300 }, 5000) $("#aaron").animate({ width: 300 }, 5000) $("#aaron").animate({ opacity: 0.6 }, 2000) stop()：只会停止第一个动画，第二个第三个继续 stop(true)：停止第一个、第二个和第三个动画 stop(true ture)：停止动画，直接跳到第一个动画的最终状态

查看全部

0 采集收起来源：jQuery中停止动画stop
2018-03-22
门掩重关萧寺中

.animate( properties, options ) 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>'); } });

查看全部

0 采集收起来源：jQuery中动画animate(下)
2018-03-22
门掩重关萧寺中

jQuery中动画animate(上): .animate( properties ,[ duration ], [ easing ], [ complete ] ) 参数分解： 1. properties： .animate({ left: 50, width: '50px' opacity: 'show', fontSize: "10em", }, 500); ============ .animate({ width: "toggle" }); ================= .animate({ left: '+=50px' }, "slow"); 2. duration时间： ...以毫秒为单位； ...还可以提供'fast' 和 'slow'字符串，分别表示持续时间为200 和 600毫秒； 3. easing动画运动的算法： ...jQuery库中默认调用 swing。如果需要其他的动画算法，请查找相关的插件； 4. complete回调： ...保证当前动画确定完成后发会触发执行的函数。

查看全部

0 采集收起来源：jQuery中动画animate(上)
2018-03-22
门掩重关萧寺中

具体使用： $("ele").slideDown(1000, function() { //等待动画执行1秒后,执行别的动作.... }); ==================== 下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none 如果提供回调函数参数，callback会在动画完成的时候调用。将不同的动画串联在一起按顺序排列执行是非常有用的。这个回调函数不设置任何参数，但是 this会设成将要执行动画的那个DOM元素，如果多个元素一起做动画效果，那么要非常注意，回调函数会在每一个元素执行完动画后都执行一次，而不是这组动画整体才执行一次

查看全部

0 采集收起来源：jQuery中下拉动画slideDown
2018-03-22
门掩重关萧寺中

$('elem').hide(3000).show(3000) ============= 如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度

查看全部

0 采集收起来源：jQuery中显示元素的show方法
2017-01-11
刘海渊 00:07

考虑考虑

查看全部

0 采集收起来源：课程介绍
2017-01-11

首页上一页 98 99 100 101 102 103 104 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的基础语法 2、jQuery当中的动画处理