欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺談jquery高級方法描述與應用

 更新時間：2016年10月04日 17:05:46   投稿：jingxian  
下面小編就為大家?guī)硪黄獪\談jquery高級方法描述與應用。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

1.addBack()

a. third-item的 li 下幾個相鄰節(jié)點（包括third-item）

$( "li.third-item" ).nextAll().addBack(). 
 .css( "background-color", "red" );

b. 和end()方法類似，選中的是div.after-addback和p元素，end選中的是div.after-addback元素

$( "div.after-addback").find("p").addBack().addClass("background"); 
$( "div.after-addback").find("p").end().addClass("background");

2.callback.fire()

通過參數(shù)調(diào)用foo函數(shù)

var foo = function(value){ 
  console.log( "foo:" + value ); 
} 
var callbacks = $.Callbacks(); 
callbacks.add(foo); 
callbacks.fire("hello"); 
callbacks.fire("world");

3.callback.lock()

鎖住callback函數(shù)列表，這個方法不能接受任何參數(shù)。

var foo = function( value ) { 
 console.log( "foo:" + value ); 
}; 
var bar = function( value ){ 
 console.log( "bar:" + value ); 
}  
var callbacks = $.Callbacks(); 
callbacks.add( foo ); 
callbacks.fire( "hello" ); // 輸出 "foo: hello" 
callbacks.lock(); // 此后不能在調(diào)用foo方法，除非$.Callbacks("memory") ，可以add一個函數(shù) 
callbacks.fire( "world" ); // 沒有調(diào)用foo方法 
callbacks.add( bar ); // 當callbacks 賦值為 $.Callbacks("memory") ,創(chuàng)建一個callback對象，使用memory標識，可以再add一個函數(shù) 
callbacks.fire( "world" ); // 輸出 "bar: hello"

4.defered.promise()

在原來的Deferred對象上返回另一個Deferred對象

$(function(){ 
  $("input[type=button]").click(function(){ 
    $.ajax({ 
      url : "validate.html", 
      type : "POST", 
      dataType : "json" 
    }).done(function(data){ 
      alert(data.a); 
    }).fail(function(){ 
      alert("error"); 
    }) 
  }); 
       
  var dtd = $.Deferred(); 
  var wait = function(dtd){ 
    var tasks = function(){ 
      alert("執(zhí)行完畢！"); 
      dtd.resolve(); // 改變Deferred對象的執(zhí)行狀態(tài) 
    }; 
　　　　  setTimeout(tasks,5000); 
　　 }; 
　　 dtd.promise(wait); 
　　 wait.done(function(){ alert("哈哈，成功了！"); }).fail(function(){ alert("出錯啦！");  
});

5.animate({ step : function(){ } })

一個元素動畫的同時進行另一個元素的動畫

$( "#go" ).click(function() { 
 $( ".block:first" ).animate({ 
  left: 100 
 }, { 
  duration: 1000, 
  step: function( now, fx ){ 
   $( ".block:gt(0)" ).css( "left", now ); 
  } 
 }); 
});

6.clone()

與appendTo方法同時使用，創(chuàng)建一個克隆的元素

<div class="container"> 
 <div class="hello">Hello</div> 
 <div class="goodbye">Goodbye</div> 
</div> 
$( ".hello" ).appendTo( ".goodbye" );

結果是：

<div class="container"> 
 <div class="goodbye"> 
  Goodbye 
  <div class="hello">Hello</div> 
 </div> 
</div> 

$( ".hello" ).clone().appendTo( ".goodbye" );

結果是：

<div class="container"> 
 <div class="hello">Hello</div> 
 <div class="goodbye"> 
  Goodbye 
  <div class="hello">Hello</div> 
 </div> 
</div>

以上就是小編為大家?guī)淼臏\談jquery高級方法描述與應用全部內(nèi)容了，希望大家多多支持腳本之家~

相關文章

最新評論