-
toggle：切換顯示與隱藏效果，sildeToggle：切換上下拉卷滾效果，fadeToggle：切換淡入淡出效果查看全部
-
<h2>hide</h2> <div class="left"> <h4>測試一</h4> <div id="a1">hide操作</div> <button>直接hide</button> <script type="text/javascript"> //點(diǎn)擊buttom1 直接隱藏 $("button:first").click(function() { $("#a1").hide({ }) });查看全部
-
<script type="text/javascript"> $("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron a"); //通過get找到第二個a元素，并修改藍(lán)色字體 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點(diǎn) get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象 get方法是從0開始索引 所以第二個a元素的查找： $(a).get(1) 負(fù)索引值參數(shù) get方法還可以從后往前索引，傳遞一個負(fù)索引值，注意的負(fù)值的索引起始值是-1 同樣是找到第二元素，可以傳遞 $(a).get(-2)查看全部
-
<script type="text/javascript"> $("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron"); $aaron.empty(); if (v == "1") { // 遍歷數(shù)組元素 $.each(['Aaron', '慕課網(wǎng)'], 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() 沒有傳遞參數(shù)，反回的結(jié)果是1，它的意思是返回同輩的排列循序，第一個li之前有a元素,同輩元素是a開始為0，所以li的開始索引是1 如果要快速找到第二個li在列表中的索引,可以通過如下2種方式處理 $("li").index(document.getElementById("test2")) //結(jié)果：1 $("li").index($("#test2")) //結(jié)果:1查看全部
-
<script type="text/javascript"> $("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron a"); //通過get找到第二個a元素，并修改藍(lán)色字體 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點(diǎn) get方法是獲取的dom對象，也就是通過document.getElementById獲取的對象 get方法是從0開始索引 所以第二個a元素的查找： $(a).get(1) 負(fù)索引值參數(shù) get方法還可以從后往前索引，傳遞一個負(fù)索引值，注意的負(fù)值的索引起始值是-1 同樣是找到第二元素，可以傳遞 $(a).get(-2)查看全部
-
jQuery.inArray()函數(shù)用于在數(shù)組中搜索指定的值，并返回其索引值。如果數(shù)組中不存在該值，則返回 -1。 $("#exec").click(function() { var v = $("#animation").val(); var $aaron = $("#aaron"); $aaron.empty(); if (v == "1") { var index = $.inArray('Aaron',['test','Aaron', 'array','慕課網(wǎng)']); $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()函數(shù)用于去除字符串兩端的空白字符 $("#exec2").click(function() { alert("值的長度：" + $.trim($("#results2").val()).length)查看全部
-
button:first第一個按鈕查看全部
-
.stop(); 停止當(dāng)前動畫，點(diǎn)擊在暫停處繼續(xù)開始 .stop(true); 如果同一元素調(diào)用多個動畫方法，尚未被執(zhí)行的動畫被放置在元素的效果隊(duì)列中。這些動畫不會開始，直到第一個完成。當(dāng)調(diào)用.stop()的時候，隊(duì)列中的下一個動畫立即開始。如果clearQueue參數(shù)提供true值,那么在隊(duì)列中的動畫其余被刪除并永遠(yuǎn)不會運(yùn)行 .stop(true,true); 當(dāng)前動畫將停止，但該元素上的 CSS 屬性會被立刻修改成動畫的目標(biāo)值查看全部
-
<script> $(".demo").animate({ first:2, second:10 }, { step:function(n,fx){ // 動畫元素的每個動畫屬性每一次動畫效果的執(zhí)行都將調(diào)用的函數(shù)。第1個參數(shù)是當(dāng)前動畫正在改變的屬性的實(shí)時值（每1次動畫過程中，屬性值的實(shí)時反饋呈現(xiàn)）；第2個參數(shù)為修改Tween 對象提供了一個機(jī)會來改變animate第1個參數(shù)中設(shè)置的屬性在動畫結(jié)束時的值。 // fx: jQuery.fx 原型對象的一個引用,其中包含了多項(xiàng)屬性,比如 // 執(zhí)行動畫的元素：elem; // 動畫正在改變的屬性：prop; // 正在改變屬性的當(dāng)前值：now; // 正在改變屬性的結(jié)束值：end; // 正在改變屬性的單位：unit;等 // 可在這里改變animate第1個參數(shù)中設(shè)置的屬性second在動畫結(jié)束時的值 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, //每一個動畫都會調(diào)用 step: function(now, fx) { $aaron.text('高度的改變值:'+now) } }) } else if (v == "2") { //觀察每一次進(jìn)度的變化 $aaron.animate({ height: '50' }, { duration :2000, //每一步動畫完成后調(diào)用的一個函數(shù)， //無論動畫屬性有多少，每個動畫元素都執(zhí)行單獨(dú)的函數(shù) progress: function(now, fx) { $aaron.text('進(jìn)度:'+arguments[1]) // var data = fx.elem.id + ' ' + fx.prop + ': ' + now; // alert(data) } }) } }); </script>查看全部
-
animate在執(zhí)行動畫中，如果需要觀察動畫的一些執(zhí)行情況，或者在動畫進(jìn)行中的某一時刻進(jìn)行一些其他處理，我們可以通過animate的提供第二種設(shè)置語法，傳遞一個對象參數(shù)，可以拿到動畫執(zhí)行狀態(tài)一些通知 .animate( properties, options ) options參數(shù) duration - 設(shè)置動畫執(zhí)行的時間 easing - 規(guī)定要使用的 easing 函數(shù)，過渡使用哪種緩動函數(shù) step：規(guī)定每個動畫的每一步完成之后要執(zhí)行的函數(shù) progress：每一次動畫調(diào)用的時候會執(zhí)行這個回調(diào)，就是一個進(jìn)度的概念 complete：動畫完成回調(diào)查看全部
舉報
0/150
提交
取消