-
toggle：切换显示与隐藏效果，sildeToggle：切换上下拉卷滚效果，fadeToggle：切换淡入淡出效果查看全部
-
<h2>hide</h2> <div class="left"> <h4>测试一</h4> <div id="a1">hide操作</div> <button>直接hide</button> <script type="text/javascript"> //点击buttom1 直接隐藏 $("button:first").click(function() { $("#a1").hide({ }) });查看全部
-
<script type="text/javascript"> $("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron a"); //通过get找到第二个a元素，并修改蓝色字体 if (v == "1") { $aaron.get(1).style.color = "blue" } else if (v == "2") { //通过get找到最后一个a元素，并修改字体颜色 $aaron.get(-1).style.color = "#8A2BE2" } }); </script>查看全部
-
.get( [index ] ) 注意2点 get方法是获取的dom对象，也就是通过document.getElementById获取的对象 get方法是从0开始索引 所以第二个a元素的查找： $(a).get(1) 负索引值参数 get方法还可以从后往前索引，传递一个负索引值，注意的负值的索引起始值是-1 同样是找到第二元素，可以传递 $(a).get(-2)查看全部
-
<script type="text/javascript"> $("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron"); $aaron.empty(); if (v == "1") { // 遍历数组元素 $.each(['Aaron', '慕课网'], function(a, b) { $aaron.append("索引=" + a + "; 元素=" + b +"<br>"); }); } else if (v == "2") { // 遍历对象属性 $.each({ name: "张三", age: 18 }, function(a, b) { $aaron.append("属性名=" +a + "; 属性值=" + b+"<br>"); }); } }); </script>查看全部
-
<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查看全部
-
<script type="text/javascript"> $("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron a"); //通过get找到第二个a元素，并修改蓝色字体 if (v == "1") { $aaron.get(1).style.color= "blue" } else if (v == "2") { //通过get找到最后一个a元素，并修改字体颜色 $aaron.get(-1).style.color = "#8A2BE2" } }); </script>查看全部
-
.get( [index ] ) 注意2点 get方法是获取的dom对象，也就是通过document.getElementById获取的对象 get方法是从0开始索引 所以第二个a元素的查找： $(a).get(1) 负索引值参数 get方法还可以从后往前索引，传递一个负索引值，注意的负值的索引起始值是-1 同样是找到第二元素，可以传递 $(a).get(-2)查看全部
-
jQuery.inArray()函数用于在数组中搜索指定的值，并返回其索引值。如果数组中不存在该值，则返回 -1。 $("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron"); $aaron.empty(); if (v == "1") { var index = $.inArray('Aaron',['test','Aaron', 'array','慕课网']); $aaron.text('Aaron的索引是: '+ index) } else if (v == "2") { //指定索引开始的位置 var index = $.inArray('a',['a','b','c','d','a','c'],2); $aaron.text('a的索引是: '+ index) } });查看全部
-
jQuery.trim()函数用于去除字符串两端的空白字符 $("#exec2").click(function() { alert("值的长度：" + $.trim($("#results2").val()).length)查看全部
-
button:first第一个按钮查看全部
-
.stop(); 停止当前动画，点击在暂停处继续开始 .stop(true); 如果同一元素调用多个动画方法，尚未被执行的动画被放置在元素的效果队列中。这些动画不会开始，直到第一个完成。当调用.stop()的时候，队列中的下一个动画立即开始。如果clearQueue参数提供true值,那么在队列中的动画其余被删除并永远不会运行 .stop(true,true); 当前动画将停止，但该元素上的 CSS 属性会被立刻修改成动画的目标值查看全部
-
<script> $(".demo").animate({ first:2, second:10 }, { step:function(n,fx){ // 动画元素的每个动画属性每一次动画效果的执行都将调用的函数。第1个参数是当前动画正在改变的属性的实时值（每1次动画过程中，属性值的实时反馈呈现）；第2个参数为修改Tween 对象提供了一个机会来改变animate第1个参数中设置的属性在动画结束时的值。 // fx: jQuery.fx 原型对象的一个引用,其中包含了多项属性,比如 // 执行动画的元素：elem; // 动画正在改变的属性：prop; // 正在改变属性的当前值：now; // 正在改变属性的结束值：end; // 正在改变属性的单位：unit;等 // 可在这里改变animate第1个参数中设置的属性second在动画结束时的值 if(fx.prop=="second"){fx.end=5} console.log(fx.prop+": "+n); }, duration:2000 }) </script>查看全部
-
<script type="text/javascript"> $("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron"); if (v == "1") { //观察每一次动画的改变 $aaron.animate({ height: '50' }, { duration :2000, //每一个动画都会调用 step: function(now, fx) { $aaron.text('高度的改变值:'+now) } }) } else if (v == "2") { //观察每一次进度的变化 $aaron.animate({ height: '50' }, { duration :2000, //每一步动画完成后调用的一个函数， //无论动画属性有多少，每个动画元素都执行单独的函数 progress: function(now, fx) { $aaron.text('进度:'+arguments[1]) // var data = fx.elem.id + ' ' + fx.prop + ': ' + now; // alert(data) } }) } }); </script>查看全部
-
animate在执行动画中，如果需要观察动画的一些执行情况，或者在动画进行中的某一时刻进行一些其他处理，我们可以通过animate的提供第二种设置语法，传递一个对象参数，可以拿到动画执行状态一些通知 .animate( properties, options ) options参数 duration - 设置动画执行的时间 easing - 规定要使用的 easing 函数，过渡使用哪种缓动函数 step：规定每个动画的每一步完成之后要执行的函数 progress：每一次动画调用的时候会执行这个回调，就是一个进度的概念 complete：动画完成回调查看全部
举报
0/150
提交
取消