jquery學習(一)：jquery使用小技巧

發布時間：2020-08-05 17:47:06 來源：網絡閱讀：258 作者：allenzhangfan 欄目：web開發

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

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

1.最常用也是最標準的

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

可以簡寫為

$().ready(function(){

});

2.是上面的簡寫:

$(function(){
})

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

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

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

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

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

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

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

2.jquery中單引號和雙引號的區別

在javascript 以及jquery中單引號和雙引號沒有任何區別，但是在需要嵌套引號時，用單引號和雙引號共同嵌套完成表達式。

例如：

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

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

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

jquery學習(一)：jquery使用小技巧

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

2.jquery中單引號和雙引號的區別

猜你喜歡

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

jquery學習(一)：jquery使用小技巧

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

2.jquery中單引號和雙引號的區別

猜你喜歡

最新資訊

相關推薦

相關標簽