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

淺談jquery高級(jí)方法描述與應(yīng)用

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

1.addBack()

a. third-item的 li 下幾個(gè)相鄰節(jié)點(diǎn)（包括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ù)列表，這個(gè)方法不能接受任何參數(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一個(gè)函數(shù) 
callbacks.fire( "world" ); // 沒有調(diào)用foo方法 
callbacks.add( bar ); // 當(dāng)callbacks 賦值為 $.Callbacks("memory") ,創(chuàng)建一個(gè)callback對(duì)象，使用memory標(biāo)識(shí)，可以再add一個(gè)函數(shù) 
callbacks.fire( "world" ); // 輸出 "bar: hello"

4.defered.promise()

在原來的Deferred對(duì)象上返回另一個(gè)Deferred對(duì)象

$(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對(duì)象的執(zhí)行狀態(tài) 
    }; 
　　　　  setTimeout(tasks,5000); 
　　 }; 
　　 dtd.promise(wait); 
　　 wait.done(function(){ alert("哈哈，成功了！"); }).fail(function(){ alert("出錯(cuò)啦！");  
});

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

一個(gè)元素動(dòng)畫的同時(shí)進(jìn)行另一個(gè)元素的動(dòng)畫

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

6.clone()

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

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

結(jié)果是：

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

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

結(jié)果是：

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

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

相關(guān)文章

最新評(píng)論