『鋭いJQuery』ノート

ノードの削除

jQueryは、remove()、detach()、empty()の3つのノードを削除する方法を提供します.

remove()

ノードがremove()メソッドで削除されると、そのノードに含まれるすべての子孫ノードが同時に削除されます.このメソッドの戻り値は、削除されたノードへの参照であるため、後でこれらの要素を使用することができます.

var $li = $("ul li:eq(1)").remove();
$li.appendTo("ul");  //              
   

またremove()メソッドはパラメータを渡すことによって要素を選択的に削除することもでき、jQueryコードは以下の通りである.

$("ul li").remove("li[title !=   ]")；// 
     title   “  ” 
    

detach()

detach()はremove()と同様に、DOMから一致する要素をすべて削除します.ただし、detach()は、一致する要素をjQueryオブジェクトから削除しないので、将来、これらの一致する要素を使用することができます.removeとは異なり、バインドされたイベントや追加のデータなどはすべて保持されます.

empty()

厳密には、empty()メソッドはノードを削除するのではなく、要素内のすべての子孫ノードを空にすることができます.

$("ul li:eq(1)").empty();//     
     ，         ，      ， 
  。

jQueryでのAjax

jQueryはAjax操作をカプセル化し、jQueryに$を入れた.ajax()メソッドは最下層のメソッドに属し、第2層はload()、$である.get()と$.post()メソッドは、3層目が$である.getScript()と$getJSON()メソッド.まず,使用頻度が高いため,第2層の方法を紹介する.

load():リモートHTMLファイルコードを読み込み、DOMに挿入します。

load( url [, data] [, callback])
//url:  HTML   URL  
//data(  )：       key/value  
//callback(  )：          ，         

load()の伝達方式はパラメータdataに基づいて自動的に指定される.パラメータ伝達がなければGET方式で伝達する.逆に、自動的にPOST方式に変換されます.

//     ，  GET  
$("#resText").load("test.php",function(){
//...
});
//     ，  POST  
$(#restText").load("test.php", {name: "rain",age: "22"},function(){
})

$.get():GET方式による非同期リクエスト

load()メソッドは、通常、Webサーバから静的なデータファイルを取得するために使用されるが、Ajaxのすべての価値を提示することはできない.プロジェクトでは、サーバ内のページにパラメータを渡す必要がある場合は$を使用します.get()または$.post();

$.get(url [, data] [, callback] [, type])
//url：    HTML    
//data(  )：       key/value     QueryString     URL 
//callback(  )：         （   Response      success      ）                ，          ，  $.ajax()
//type(  )：           ，  xml、html、script、json、text _default

$.post():POST方式による非同期要求

$.post(url [, data] [, callback] [, type])
//url：    HTML    
//data(  )：       key/value     QueryString     URL 
//callback(  )：         （   Response      success      ）                ，          ，  $.ajax()
//type(  )：           ，  xml、html、script、json、text _default

$.getScript():GET方式でJavaScriptファイルのロードと実行を要求します。

$.getScript(url [, data] [, callback] [, type])
//url：    HTML    
//callback(  )：