jquery(二)

1.Jquery,$(document).ready()とはどういう意味ですか.とwindow.onloadの違いは?他にどんな書き方や代替方法がありますか?

$(document).ready()はdomドキュメントツリーのロードが完了した後に関数を実行します(このドキュメントツリーのロードが完了したからといって、すべてのファイルのロードが完了したわけではありません)$(function(){})または$().ready(function(){})

と書くこともできます.

window.onloadはdomドキュメントツリーのロードが完了し、すべてのファイルがロードされた後に関数を実行します.つまり$readyはwindowよりonloadは先に実行します.

2.$node.html()と$node.text()の違いは?html()はラベルを含むすべてのdomノードを出力し、text()は要素ラベル内のテキストノードを出力する
3.$.extendの役割と使い方?

extend(dest,src1,src2,src3...);-その意味はsrc 1,src 2,src 3を...destにマージされ、戻り値がマージ後のdestであることから、この方法のマージ後、destの構造が修正された

であることがわかる.

var newSrc=$.extend({},src1,src2,src3...)// "{}" dest -src 1,src 2,src 3...マージを行った後、マージ結果をnewSrcに戻し、destの構造を変更しない.例えば、var result=$.extend({},{name:"Tom",age:21},{name:"Jerry",sex:"Boy"})結果:result={name:"Jerry",age:21,sex:"Boy"}

$.extend(src)-srcをextendメソッドを呼び出すオブジェクトにマージする

.

extend(boolean,dest,src1,src2,src3...)-最初のパラメータbooleanは、深度コピーの有無を表します.たとえば、

var result=$.extend(
 true, 
{},
{ name: "John", location: {city: "Boston",county:"USA"} },
{ last: "Resig", location: {state: "MA",county:"China"} } 
); 

結果は次のとおりです.result={name:"John",last:"Resig",location{city:"Boston",state:"MA",county:"China"}}
すなわち、srcのネストされたサブオブジェクトもマージされ、最初のパラメータbooleanがfalseの場合、結果:result={name:"John",last:"Resig",location:{state:"MA",county:"China"}}4.JQueryのチェーンコールは何ですか.
jQueryのメソッドの戻り値が現在のオブジェクトである場合、オブジェクトのメソッドを呼び出し続けることで、チェーン呼び出しが形成されます.
5.JQuery ajaxのキャッシュはどのように制御しますか?
ajaxのデフォルトパラメータの変更:cache(デフォルト:true、dataTypeがscript、jsonpの場合false)がfalseに設定されている場合、ブラウザはこのページをキャッシュしません.注意:cacheをfalseに設定すると、HEADおよびGETリクエストで正常に動作します.GET要求パラメータに「={timestamp}」(タイムスタンプ)を付加するのが原理です.
コード#コード#
7.以下の機能に対応するJqメソッドを書き出す

要素$nodeにclass activeを追加し、要素$nodeにclass active

を削除する

$node.addClass('active');
$node.removeClass('active');

は、要素$node、非表示要素$node

を示します.

$node.show();
$node.hide();

要素$nodeの属性:id、src、titleを取得し、以上の属性

を変更する.

$node.attr(id);$node.attr(id,val);
$node.attr(src);$node.attr(src,val);
$node.attr(title);$node.attr(title,val);

$nodeにカスタム属性data-src

を追加

$node.data('data-src','http://baidu.com');

$ct内部の先頭に要素$node

を追加

$ct.prepend($node)

$ct内部の最後尾に要素$node

を追加

$ct.append($node)

$node

を削除

$node.remove();

ctの内容を空にする

$ct.empty();

html

を$ctに設定

$ct.html('
')

• 获取、设置$node的宽度、高度（分别不包括内边距）

$node.width();//      、  、      
$node.height();//      、  、      
$node.innerWidth();//        
$node.innerHeight();//        
$outerWidth();//     、     
$outerHeight();//     、     
$outerWidth(true);//     、  、      
$outerHeight(true);//     、  、      

ウィンドウスクロールバー垂直スクロール距離

を取得する.

$(document).scrollTop();

$nodeからルートノードまでの水平、垂直オフセット距離

を取得する.

$node.offset();

$nodeのスタイルを変更し、フォント色を赤、フォントサイズを14 px

に設定します.

$node.css({
"color" : "red",
"font-size" : "14px"
});

ノードを巡回し、各ノードのテキスト内容を

繰り返します.

$node.each(function(){
$(this).text().clone().appendTo($(this))
})

$ctからclassがitemのサブエレメント

を検索

$ct.children('.item')

$ctのすべての子供

を取得

$ct.find();

$nodeに対して、classが「ct」である父親を上に見つけ、その父親から見つけた.パネルの子供

$node.parent('.ct').find('.panel');

取得選択要素の数

$node.length

現在の要素の兄弟のランキング

を取得

$(this).index();

6.jqueryにおけるdata関数の役割.data(key,value):一致要素に任意の関連データを格納