-
DOM元素的获取index方法 get方法是通过已知的索引在合集中找到对应的元素。如果反过来，已知元素如何在合集中找到对应的索引呢？ .index()方法，从匹配的元素中搜索给定元素的索引值，从0开始计数。 语法：参数接受一个jQuery或者dom对象作为查找的条件 .index() .index( selector ) .index( element ) 如果不传递任何参数给 .index() 方法，则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置 如果在一组元素上调用 .index() ，并且参数是一个DOM元素或jQuery对象， .index() 返回值就是传入的元素相对于原先集合的位置 如果参数是一个选择器， .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素，则 .index() 返回 -1 简单来说： <ul> <a></a> <li id="test1">1</li> <li id="test2">2</li> <li id="test3">3</li> </ul> $("li").index() 没有传递参数，反正的结果是1，它的意思是返回同辈的排列循序，第一个li之前有a元素,同辈元素是a开始为0，所以li的开始索引是1 如果要快速找到第二个li在列表中的索引,可以通过如下2种方式处理 $("li").index(document.getElementById("test2")) //结果：1 $("li").index($("#test2")) //结果:1 实际的使用可以参考右边的代码区域：查看全部
-
show() hide() toggle()三个函数查看全部
-
去空格神器trim方法 页面中，通过input可以获取用户的输入值，例如常见的登录信息的提交处理。用户的输入不一定是标准的，输入一段密码：' 1123456 "，注意了： 密码的前后会留空，这可能是用户的无心的行为，但是密码确实又没错，针对这样的行为，开发者应该要判断输入值的前后是否有空白符、换行符、制表符这样明显的无意义的输入值。 jQuery.trim()函数用于去除字符串两端的空白字符 这个函数很简单，没有多余的参数用法 需要注意： 移除字符串开始和结尾处的所有换行符，空格(包括连续的空格)和制表符（tab） 如果这些空白字符在字符串中间时，它们将被保留，不会被移除 通过右边的代码可以明显看到trim使用后的效果查看全部
-
去掉的是前后的空格，中间的不会移除查看全部
-
停止动画stop 动画在执行过程中是允许被暂停的，当一个元素调用.stop()方法，当前正在运行的动画（如果有的话）立即停止 语法： .stop( [clearQueue ] [, jumpToEnd ] ) .stop( [queue ] [, clearQueue ] [, jumpToEnd ] ) stop还有几个可选的参数，简单来说可以这3种情况 .stop(); 停止当前动画，点击在暂停处继续开始 .stop(true); 如果同一元素调用多个动画方法，尚未被执行的动画被放置在元素的效果队列中。这些动画不会开始，直到第一个完成。当调用.stop()的时候，队列中的下一个动画立即开始。如果clearQueue参数提供true值,那么在队列中的动画其余被删除并永远不会运行 .stop(true,true); 当前动画将停止，但该元素上的 CSS 属性会被立刻修改成动画的目标值 简单的说：参考下面代码、 $("#aaron").animate({ height: 300 }, 5000) $("#aaron").animate({ width: 300 }, 5000) $("#aaron").animate({ opacity: 0.6 }, 2000) stop()：只会停止第一个动画，第二个第三个继续 stop(true)：停止第一个、第二个和第三个动画 stop(true ture)：停止动画，直接跳到第一个动画的最终状态 值得注意的问题： 如果动画未完成停止了，那么动画完成时执行的回调函数是不会被调用的查看全部
-
arguments对象：http://www.cnblogs.com/lwbqqyumidi/archive/2012/12/03/2799833.html查看全部
-
toggle与slideToggle以及fadeToggle的比较 操作元素的显示和隐藏可以有几种方法。 例如： 改变样式diplay为none 位置高度为0 透明度为0 都能达到这个目的，并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeInOut。除此之外，还引入了toggle、sildeToggle以及fadeToggle切换方法 toggle、sildeToggle以及fadeToggle的区别： toggle：切换显示与隐藏效果 sildeToggle：切换上下拉卷滚效果 fadeToggle：切换淡入淡出效果 当然细节上还是有更多的不同点: toggle与slideToggle细节区别： toggle：动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性 slideToggle：动态效果从下至上。竖向动作，slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的，fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的，fadeToggle() 会使用淡出效果显示它们。 注释：隐藏的元素不会被完全显示（不再影响页面的布局）查看全部
-
toggle、sildeToggle以及fadeToggle的区别： toggle：切换显示与隐藏效果 sildeToggle：切换上下拉卷滚效果 fadeToggle：切换淡入淡出效果查看全部
-
.hide(fast / slow)这是一个动画设置的快捷方式，'fast' 和 'slow' 分别代表200和600毫秒的延时，就是元素会执行200/600毫秒的动画后在隐藏 <script type="text/javascript"> //点击buttom2 执行动画隐藏 $("button:last").click(function() { $("#a2").hide({ duration: 3000, complete: function() { alert('执行3000ms动画完毕') } }) }); </script>查看全部
-
toggle与slideToggle细节区别： toggle：动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性 slideToggle：动态效果从下至上。竖向动作，slideToggle 通过高度变化来切换所有匹配元素的可见性查看全部
-
toggle：切换显示与隐藏效果 sildeToggle：切换上下拉卷滚效果 fadeToggle：切换淡入淡出效果查看全部
-
hide()方法将为匹配元素的宽度，高度，以及不透明度，同时进行动画操作 隐藏元素的hide方法 执行动画隐藏： .hide(fast/slow) fast和slow分别代表200和600毫秒的延时，就是元素会执行200、600毫秒的动画后再隐藏。 例子写法一： $("#a2").hide(2000); 如果要设置动画的多个参数： $("#a2").hide({ duration:2000, complete:function(){ alert("执行2000毫秒动画完毕") } }) 写法二： $("#a1").hide(2000,function () { alert("123"); });查看全部
-
get方法与getElementById类似，并且索引从0开始 负索引值：get方法从后向前进行索引，传递负数，并且负索引起始值为-1查看全部
-
trim只去掉开始、结尾处的空格，字符串中间的空格会被保留查看全部
-
.animate( properties, options ) options参数 duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数，过渡使用哪种缓动函数 step：规定每个动画的每一步完成之后要执行的函数 progress：进度 complete：动画完成回调查看全部
举报
0/150
提交
取消