文章分类 - jQuery
摘要：jQuery中DOM元素的获取index方法 get方法是通过已知的索引在合集中找到对应的元素。如果反过来，已知元素如何在合集中找到对应的索引呢？ .index()方法，从匹配的元素中搜索给定元素的索引值，从0开始计数。 语法：参数接受一个jQuery或者dom对象作为查找的条件 .index()
阅读全文
摘要：jQuery中DOM元素的获取get方法 jQuery是一个合集对象，如果需要单独操作合集中的的某一个元素，可以通过.get()方法获取到 以下有3个a元素结构： <a>1</a> <a>2</a> <a>3</a> 通过jQuery获取所有的a元素合集$("a")，如果想进一步在合集中找到第二2个
阅读全文
摘要：jQuery中去空格神器trim方法 页面中，通过input可以获取用户的输入值，例如常见的登录信息的提交处理。用户的输入不一定是标准的，输入一段密码：' 1123456 "，注意了： 密码的前后会留空，这可能是用户的无心的行为，但是密码确实又没错，针对这样的行为，开发者应该要判断输入值的前后是否有
阅读全文
摘要：jQuery中查找数组中的索引inArray 在PHP有in_array()判断某个元素是否存在数组中，JavaScript却没有，但是jQuery封装了inArray()函数判断元素是否存在数组中。注意了：在ECMAScript5已经有数据的indexOf方法支持了，但是jQuery保持了版本向下
阅读全文
摘要：jQuery中each方法的应用 jQuery中有个很重要的核心方法each，大部分jQuery方法在内部都会调用each，其主要的原因的就是jQuery的实例是一个元素合集 如下：找到所有的div，并且都设置样式，css只是一个方法，所以内部会调用each处理这个div的合集，给每个div都设置s
阅读全文
摘要：jQuery中停止动画stop 动画在执行过程中是允许被暂停的，当一个元素调用.stop()方法，当前正在运行的动画（如果有的话）立即停止 语法： .stop( [clearQueue ], [ jumpToEnd ] ) .stop( [queue ], [ clearQueue ] ,[ jum
阅读全文
摘要：jQuery中动画animate(下) animate在执行动画中，如果需要观察动画的一些执行情况，或者在动画进行中的某一时刻进行一些其他处理，我们可以通过animate提供的第二种设置语法，传递一个对象参数，可以拿到动画执行状态一些通知 .animate( properties, options
阅读全文
摘要：jQuery中动画animate(上) 有些复杂的动画通过之前学到的几个动画函数是不能够实现，这时候就需要强大的animate方法了 操作一个元素执行3秒的淡入动画，对比一下2组动画设置的区别 $(elem).fadeOut(3000) $(elem).animate({ opacity:0 },3
阅读全文
摘要：jQuery中toggle与slideToggle以及fadeToggle的比较 操作元素的显示和隐藏可以有几种方法。例如： 改变样式display为none 设置位置高度为0 设置透明度为0 都能达到这个目的，并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDown
阅读全文
摘要：jQuery中淡入效果fadeTo 淡入淡出fadeIn与fadeOut都是修改元素样式的opacity属性，但是他们都有个共同的特点，变化的区间要么是0，要么是1 fadeIn：淡入效果，内容显示，opacity是0到1 fadeOut：淡出效果，内容隐藏，opacity是1到0 如果要让元素保持
阅读全文
摘要：jQuery中淡入淡出切换fadeToggle fadeToggle()函数用于切换所有匹配的元素，并带有淡入/淡出的过渡动画效果。之前也学过toggle、slideToggle 也是类似的处理方式 fadeToggle切换fadeOut与fadeIn效果，所谓"切换"，即如果元素当前是可见的，则将
阅读全文
摘要：jQuery中淡入动画fadeIn fadeOut是淡出效果，相反的还有淡入效果fadeIn,方法使用上两者都是一致的，只是结果相反 .fadeIn( [duration ], [ complete ] ) duration：指定过渡动画运行多长时间(毫秒数)，默认值为400。该参数也可以为字符串"
阅读全文
摘要：jQuery中淡出动画fadeOut 让元素在页面不可见，常用的办法就是通过设置样式的display:none。除此之外还可以一些类似的办法可以达到这个目的。这里要提一个透明度的方法，设置元素透明度为0，可以让元素不可见，透明度的参数是0~1之间的值，通过改变这个值可以让元素有一个透明度的效果。常见
阅读全文
摘要：jQuery中上卷下拉切换slideToggle slideDown与slideUp是一对相反的方法。需要对元素进行上下拉卷效果的切换，jQuery提供了一个便捷方法slideToggle用滑动动画显示或隐藏一个匹配元素 基本的操作：slideToggle(); 这是最基本的操作，获取元素的高度，使
阅读全文
摘要：jQuery中上卷动画slideUp 对于显示的元素，在将其隐藏的过程中，可以对其进行一些变化的动画效果。之前学过了hide方法，hide方法在显示的过程中也可以有动画，但 是.hide()方法将为匹配元素的宽度，高度，以及不透明度，同时进行动画操作。这里将要学习一个新的显示方法slideUp方法
阅读全文
摘要：jQuery中下拉动画slideDown 对于隐藏的元素，在将其显示出来的过程中，可以对其进行一些变化的动画效果。之前学过了show方法，show方法在显示的过程中也可以有动画，但是.show()方法将会匹配元素的宽度，高度，以及不透明度，同时进行动画操作。这里将要学习一个新的显示方法slideDo
阅读全文
摘要：jQuery中显示与隐藏切换toggle方法 show与hide是一对互斥的方法。需要对元素进行显示隐藏的互斥切换，通常情况是需要先判断元素的display状态，然后调用其对应的处理方法。比如显示的元素，那么就要调用hide，反之亦然。 对于这样的操作行为，jQuery提供了一个便捷方法toggle
阅读全文
摘要：jQuery中显示元素的show方法 css中有display:none属性，同时也有display:block，所以jQuery同样提供了与hide相反的show方法 方法的使用几乎与hide是一致的，hide是让元素显示到隐藏，show则是相反，让元素从隐藏到显示 看一段代码：使用上一致，结果相
阅读全文
摘要：jQuery中隐藏元素的hide方法 让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，如果在代码执行的时候，一般是通过js控制元素的style属性，这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide(
阅读全文
摘要：1-1 课程介绍 淡入淡出、下拉，不仅可以学习到jQuery的动画效果，还能学习到jQuery的一些核心技巧，下面就让我们一起来学习吧！
阅读全文
浙公网安备 33010602011771号