jquery學(xué)習(xí)(一)：jquery使用小技巧

發(fā)布時(shí)間：2020-08-05 17:47:06 來源：網(wǎng)絡(luò) 閱讀：257 作者：allenzhangfan 欄目：web開發(fā)

1.$(document).ready();的幾種簡略寫法

在jquery中$(document).ready();方法經(jīng)常用到，有以下集中簡略寫法：

1.最常用也是最標(biāo)準(zhǔn)的

$(document).ready(function(){
});

可以簡寫為

$().ready(function(){

});

2.是上面的簡寫:

$(function(){
})

很奇怪？為什么能這樣？不是判斷document對(duì)象是否 ready然后才執(zhí)行函數(shù)的么?document哪去了?我們看下jQuery的源代碼:

// jQuery的構(gòu)造函數(shù)；
var jQuery = function( a, c ) {
// $(document).ready()的簡寫形式，只有在$(function(){...})下才會(huì)執(zhí)行；
if ( a && typeof a == "function" && jQuery.fn.ready ) return jQuery(document).ready(a);
// 確保參數(shù)a非空，默認(rèn)值為document；
a = a || jQuery.context || document;

耶！找到了,我們再看下$這個(gè)方法的參數(shù)
$(selector,context)
第一個(gè)為選擇器,第二個(gè)是容器
如果不填就默認(rèn)為document
3.好吧！我承認(rèn)這個(gè)方式是來打醬油的

jQuery(document).ready(function(){
});

jQuery(function($){
alert($("#ready1").html());
});

第四種方式和第三種沒有區(qū)別啊?各位客官仔細(xì)看！我們給functIOn傳了一個(gè)參數(shù)$
第四種方式一般用在處理jQuery的$和別的庫沖突的時(shí)候用的,通過jQuery.noConflict()這個(gè)方法,我們就可以直接在代碼中通過jQuery來代替$來使用,但又習(xí)慣了使用$怎么辦?看下面的代碼:

jQuery.noConflict();
jQuery(function($){
alert($("#ready1").html()); //我們又能用上$符號(hào)了
});

2.jquery中單引號(hào)和雙引號(hào)的區(qū)別

在javascript 以及jquery中單引號(hào)和雙引號(hào)沒有任何區(qū)別，但是在需要嵌套引號(hào)時(shí)，用單引號(hào)和雙引號(hào)共同嵌套完成表達(dá)式。

例如：

<input type="button" onclick="alert("1")">-------------------不正確
<input type="button" onclick="alert('1')">-------------------正確

如果是兩層的引號(hào)，單雙引號(hào)沒有差別。但是有3層的時(shí)候，還是有差別的。雙引號(hào)必須在最外層，否則就出錯(cuò)。
例如：
'<a onclick="Look(\''+row.path+'\')" href="#">‘ 對(duì)
"<a onclick=\"Look('" + row.path + "')\" href=\"#\">" 對(duì)
'<a onclick="Look(\''+row.path+'”)" href="#">‘ 錯(cuò)

向AI問一下細(xì)節(jié)

jquery學(xué)習(xí)(一)：jquery使用小技巧

1.$(document).ready();的幾種簡略寫法

2.jquery中單引號(hào)和雙引號(hào)的區(qū)別

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽