jquery求解$("#xxx").load的問題

定義和用法

創(chuàng)新互聯(lián)是專業(yè)的蒲江縣網(wǎng)站建設(shè)公司，蒲江縣接單;提供網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行蒲江縣網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

load() 方法通過 AJAX 請(qǐng)求從服務(wù)器加載數(shù)據(jù)，并把返回的數(shù)據(jù)放置到指定的元素中。

注釋：還存在一個(gè)名為 load 的 jQuery 事件方法。調(diào)用哪個(gè)，取決于參數(shù)。

語法

load(url,data,function(response,status,xhr))

參數(shù)

描述

url 規(guī)定要將請(qǐng)求發(fā)送到哪個(gè) URL。

data 可選。規(guī)定連同請(qǐng)求發(fā)送到服務(wù)器的數(shù)據(jù)。

function(response,status,xhr)

可選。規(guī)定當(dāng)請(qǐng)求完成時(shí)運(yùn)行的函數(shù)。

額外的參數(shù)：

response - 包含來自請(qǐng)求的結(jié)果數(shù)據(jù)

status - 包含請(qǐng)求的狀態(tài)（"success", "notmodified", "error", "timeout" 或 "parsererror"）

xhr - 包含 XMLHttpRequest 對(duì)象

詳細(xì)說明

該方法是最簡(jiǎn)單的從服務(wù)器獲取數(shù)據(jù)的方法。它幾乎與 $.get(url, data, success) 等價(jià)，不同的是它不是全局函數(shù)，并且它擁有隱式的回調(diào)函數(shù)。當(dāng)偵測(cè)到成功的響應(yīng)時(shí)（比如，當(dāng) textStatus 為 "success" 或 "notmodified" 時(shí)），.load() 將匹配元素的 HTML 內(nèi)容設(shè)置為返回的數(shù)據(jù)。這意味著該方法的大多數(shù)使用會(huì)非常簡(jiǎn)單：

$("#result").load("ajax/test.html");

如果提供回調(diào)函數(shù)，則會(huì)在執(zhí)行 post-processing 之后執(zhí)行該函數(shù)：

$("#result").load("ajax/test.html", function() {

alert("Load was performed.");

});

上面的兩個(gè)例子中，如果當(dāng)前文檔不包含 "result" ID，則不會(huì)執(zhí)行 .load() 方法。

如果提供的數(shù)據(jù)是對(duì)象，則使用 POST 方法；否則使用 GET 方法。

加載頁面片段

.load() 方法，與 $.get() 不同，允許我們規(guī)定要插入的遠(yuǎn)程文檔的某個(gè)部分。這一點(diǎn)是通過 url 參數(shù)的特殊語法實(shí)現(xiàn)的。如果該字符串中包含一個(gè)或多個(gè)空格，緊接第一個(gè)空格的字符串則是決定所加載內(nèi)容的 jQuery 選擇器。

我們可以修改上面的例子，這樣就可以使用所獲得文檔的某部分：

$("#result").load("ajax/test.html #container");

如果執(zhí)行該方法，則會(huì)取回 ajax/test.html 的內(nèi)容，不過然后，jQuery 會(huì)解析被返回的文檔，來查找?guī)в腥萜?ID 的元素。該元素，連同其內(nèi)容，會(huì)被插入帶有結(jié)果 ID 的元素中，所取回文檔的其余部分會(huì)被丟棄。

jQuery 使用瀏覽器的 .innerHTML 屬性來解析被取回的文檔，并把它插入當(dāng)前文檔。在此過程中，瀏覽器常會(huì)從文檔中過濾掉元素，比如 html, title 或 head 元素。結(jié)果是，由 .load() 取回的元素可能與由瀏覽器直接取回的文檔不完全相同。

注釋：由于瀏覽器安全方面的限制，大多數(shù) "Ajax" 請(qǐng)求遵守同源策略；請(qǐng)求無法從不同的域、子域或協(xié)議成功地取回?cái)?shù)據(jù)。

更多實(shí)例

例子 1

加載 feeds.html 文件內(nèi)容：

$("#feeds").load("feeds.html");

例子 2

與上面的實(shí)例類似，但是以 POST 形式發(fā)送附加參數(shù)并在成功時(shí)顯示信息：

$("#feeds").load("feeds.php", {limit: 25}, function(){

alert("The last 25 entries in the feed have been loaded");

});

例子 3

加載文章側(cè)邊欄導(dǎo)航部分至一個(gè)無序列表：

HTML 代碼：

bjQuery Links:/b

ul id="links"/ul

jQuery 代碼：

$("#links").load("/Main_Page #p-Getting-Started li");

jquery ajax注釋

這就是很簡(jiǎn)單的ajax請(qǐng)求啊，給你注釋了你也不一定看懂，還不如自己看一下jquery開發(fā)文檔

jquery 中 $('div','li')是什么意思？

jquery 中?$('div','li')表示的是$(子，父)，即從父節(jié)點(diǎn)里尋找子節(jié)點(diǎn)，是選擇li標(biāo)簽里面所有div標(biāo)簽，而不是找li標(biāo)簽外面的div標(biāo)簽。

$('div','li') 和 $('div , li') 和 $('div li') 區(qū)別

1、$('div','li')是$(子，父)，是從父節(jié)點(diǎn)里找子，而不是找li外面的div。

2、$('div , li')才是找所有的div和li，之間不存在父子關(guān)系。

3、$('div li') 是找div里面所有l(wèi)i，包括子級(jí)，孫子級(jí)，總之就是div里面所有l(wèi)i，不管有幾層關(guān)系。

擴(kuò)展資料：

div用法

DIV用法的語法：div內(nèi)容/div

div作為html網(wǎng)頁中常用的標(biāo)簽，其默認(rèn)樣式是獨(dú)占一行，其CSS樣式需要重新賦予。比如對(duì)div寬度、高度等樣式設(shè)置、內(nèi)部字體大小、字體顏色都需要通過CSS來實(shí)現(xiàn)。

通俗認(rèn)識(shí)div，div作用就是實(shí)現(xiàn)布局、實(shí)現(xiàn)對(duì)內(nèi)容樣式控制、實(shí)現(xiàn)各種各樣的布局效果。

DIV的用法實(shí)例，這里通過對(duì)div設(shè)置不同CSS樣式，觀察其效果。

DIV+CSS實(shí)例完整HTML源代碼：

!DOCTYPE?html

html

head

meta?charset="gb2312"?/

titlediv的用法在線演示?;/title

style

div{?margin-top:10px}/*?css注釋說明：對(duì)div都設(shè)置上間距10px?*/

divcss5-1{font-size:16px}/*?設(shè)置css字體大小16px?*/

divcss5-2{color:#F00}/*?設(shè)置css字體顏色為紅色?*/

divcss5-3{?background:#000;?color:#FFF}/*?設(shè)置CSS背景顏色為黑色和字體顏色為白色?*/

divcss5-4{?border:1px?solid?#F00;?height:60px}/*?設(shè)置css邊框和CSS高度60px?*/

/style

/head

body

div普通內(nèi)容一/div

div?class="divcss5-1"我字體大小為16px/div

div?class="divcss5-2"我字體顏色為紅色/div

div?class="divcss5-3"我背景為黑色字體為白色/div

div?class="divcss5-4"布局設(shè)置邊框和高度/div

/body

/html

參考資料來源：

DIV-百度百科

LI-百度百科

請(qǐng)人幫忙給一段jquery代碼加上注釋。。。

$(function()?{?//頁面加載時(shí)執(zhí)行的方法

//定義getMessages方法?從服務(wù)器獲取json數(shù)據(jù)

getMessages?=?function()?{

$.getJSON('index.php?action=get_last_messages',

function(data){//這是獲取成功后執(zhí)行的方法

if?(data.messages)?{

//修改頁面樣式為“chat_messages”的元素中的內(nèi)容為服務(wù)器返回的內(nèi)容

$('.chat_messages').html(data.messages);

}

//?get?recent?chat?messages?in?loop

//5秒后再執(zhí)行一次

setTimeout(function(){

getMessages();

},?5000);

});

}

//執(zhí)行方法getmessages?

getMessages();

//下面是jquery的ajax中post方法的寫法。提交表單，然后根據(jù)服務(wù)器返回的result作出????//對(duì)于操作

$('.chat_submit_form').submit(function()?{

$.post('index.php',?{?message:?$('.chat_submit_form?input[name=message]').val()?},

function(data){

if?(data.result?==?1)?{

//fadeIn??淡入顯示

//fadeOut?淡出顯示

$('.chat_submit_form?.success').fadeIn('slow',?function?()?{

$(this).delay(1000).fadeOut('slow');

});

}?else?if?(data.result?==?2)?{

$('.chat_submit_form?.protect').fadeIn('slow',?function?()?{

$(this).delay(1000).fadeOut('slow');

});

}?else?{

$('.chat_submit_form?.error').fadeIn('slow',?function?()?{

$(this).delay(1000).fadeOut('slow');

});

}

}

);

//不通過表單默認(rèn)的submit方式提交。

return?false;

});

});

額 夠完善了吧。 貌似是個(gè)在線聊天的玩意兒?

jquery圖片放大鏡代碼解析注釋

(function($){//定義作用域

$.fn.imagezoom=function(options){/*自定義插件imageszoom，options代表形參（屬性自定義）*/

var settings={

xzoom: 350, /*放大圖的寬度(默認(rèn)是 350)*/

yzoom: 350, /*放大圖的高度(默認(rèn)是 350)*/

offset: 10, /*離原圖的距離(默認(rèn)是 10)*/

position: "right", /*放大圖的定位(默認(rèn)是 "right")*/

preload:1

};

if(options){

$.extend(settings,options);

}

var noalt='';

var self=this;

$(this).bind("mouseenter",function(ev){/*鼠標(biāo)經(jīng)過時(shí)添加一個(gè)事件處理程序*/

var imageLeft=$(this).offset().left;

var imageTop=$(this).offset().top;

var imageWidth=$(this).get(0).offsetWidth;

var imageHeight=$(this).get(0).offsetHeight;

var boxLeft=$(this).parent().offset().left;

var boxTop=$(this).parent().offset().top;

var boxWidth=$(this).parent().width();

var boxHeight=$(this).parent().height();

noalt=$(this).attr("alt");

var bigimage=$(this).attr("rel");

$(this).attr("alt",'');

if($("div.zoomDiv").get().length==0){

$(document.body).append("div class='zoomDiv'img class='bigimg' src='"+bigimage+"'//div"+

"div class='zoomMask' /div");

}

if(settings.position=="right"){

if(boxLeft+boxWidth+settings.offset+settings.xzoomscreen.width){

leftpos=boxLeft-settings.offset-settings.xzoom;

}else{

leftpos=boxLeft+boxWidth+settings.offset;

}

}else{

leftpos=imageLeft-settings.xzoom-settings.offset;

if(leftpos0){

leftpos=imageLeft+imageWidth+settings.offset;

}

}

$("div.zoomDiv").css({top:boxTop,left:leftpos});

$("div.zoomDiv").width(settings.xzoom);

$("div.zoomDiv").height(settings.yzoom);

$("div.zoomDiv").show();

$(this).css('cursor','crosshair');/*光標(biāo)呈現(xiàn)十字線*/

$(document.body).mousemove(function(e){/*當(dāng)移動(dòng)鼠標(biāo)時(shí)*/

mouse=new MouseEvent(e);

if(mouse.ximageLeft||mouse.ximageLeft+imageWidth||mouse.yimageTop||mouse.yimageTop+imageHeight){

mouseOutImage();/*判斷鼠標(biāo)是否超出圖片范圍*/

return;

}

var bigwidth=$(".bigimg").get(0).offsetWidth;/*最大寬度*/

var bigheight=$(".bigimg").get(0).offsetHeight;/*最大高度*/

var scaley='x';/*x軸比例 */

var scalex='y';/*y軸比例 */

/*隨鼠標(biāo)移動(dòng)顯示大圖*/

if(isNaN(scalex)|isNaN(scaley)){/*x、y軸比例不是數(shù)字時(shí)*/

var scalex=(bigwidth/imageWidth);

var scaley=(bigheight/imageHeight);

$("div.zoomMask").width((settings.xzoom)/scalex);

$("div.zoomMask").height((settings.yzoom)/scaley);

$("div.zoomMask").css('visibility','visible');/*規(guī)定元素可見*/

}

xpos=mouse.x-$("div.zoomMask").width()/2;

ypos=mouse.y-$("div.zoomMask").height()/2;

xposs=mouse.x-$("div.zoomMask").width()/2-imageLeft;

yposs=mouse.y-$("div.zoomMask").height()/2-imageTop;

xpos=(mouse.x-$("div.zoomMask").width()/2imageLeft)

? imageLeft:(mouse.x+$(".zoomMask").width()/2imageWidth+imageLeft)

? (imageWidth+imageLeft-$("div.zoomMask").width()):xpos;

ypos=(mouse.y-$("div.zoomMask").height()/2imageTop)

? imageTop:(mouse.y+$("div.zoomMask").height()/2imageHeight+imageTop)

? (imageHeight+imageTop-$("div.zoomMask").height()):ypos;

$("div.zoomMask").css({top:ypos,left:xpos});

$("div.zoomDiv").get(0).scrollLeft=xposs*scalex;

$("div.zoomDiv").get(0).scrollTop=yposs*scaley;

});

});

function mouseOutImage(){/*定義鼠標(biāo)離開圖片方法*/

$(self).attr("alt",noalt);

$(document.body).unbind("mousemove");/*移除在頁面中鼠標(biāo)指針事件*/

$("div.zoomMask").remove();/*移除所有的div.zoomMask*/

$("div.zoomDiv").remove();/*移除所有的div.zoomDiv*/

}

count=0;

if(settings.preload){

/*在boby元素的結(jié)尾（仍然在內(nèi)部）插入指定內(nèi)容*/

$('body').append("div style='display:none;' class='jqPreload"+count+"'/div");

$(this).each(function(){/*規(guī)定為每個(gè)匹配元素規(guī)定運(yùn)行的函數(shù)*/

var imagetopreload=$(this).attr("rel");/*圖片預(yù)加載*/

var content=jQuery('.jqPreload'+count+'').html();

jQuery('.jqPreload'+count+'').html(content+'img src=\"'+imagetopreload+'\"');

});

}

}

})(jQuery);

function MouseEvent(e){/*記錄鼠標(biāo)x，y坐標(biāo)*/

this.x=e.pageX;/*鼠標(biāo)指針位置*/

this.y=e.pageY;

}

文章名稱：jquery注釋,jquery注釋菜鳥教程
網(wǎng)站路徑：http://chinadenli.net/article4/dsgdhie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、靜態(tài)網(wǎng)站、域名注冊(cè)、Google、面包屑導(dǎo)航、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)