-
什么是jQuery
jQuery是繼prototype之后又一個(gè)優(yōu)秀的JavaScript庫(kù)。特點(diǎn)是語法簡(jiǎn)介愁拭、兼容性好讲逛。極大地簡(jiǎn)化了JavaScript開發(fā)人員遍歷HTML文檔、操作DOM岭埠、處理事件盏混、執(zhí)行動(dòng)畫和開發(fā)ajax的操作。
![Uploading image_974771.png . . .]
與DOM的關(guān)系:jQuery對(duì)象就是通過jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象 - 版本
jQuery1.8 vs jQuery1.9(升級(jí)后把$.browser去掉了)
jQuery1.x vs jQuery2.x(2.x給手機(jī)用的惜论,不兼容IE8以下)
jQuery3.x (把兼容IE的代碼去除括饶,至少要求IE11才可以) - jQuery概覽
1、如何引入jQuery
<script src="地址"></script>
2来涨、同時(shí)引入兩個(gè)版本的jQuery怎么處理
jQuery.noConflict = function(){
window.$ = old$
return jquery
}(函數(shù)目的:①不該寫window.$图焰,永遠(yuǎn)是undefined
②返回該版本的jQuery)
<script src="query-1.4.js"></script>
(此時(shí)window.$ ===jQuery1.4)
<script>
window.jq1.4=jquery.noConflict()
</script>
<script src="query-1.8.js"></script>
(此時(shí)window.$ ===jQuery1.8)
<script>
window.jq1.8=jquery.noConflict()
</script>
最終代碼得到了window.$===undefined,window.jq1.4,window.jq1.8
如何調(diào)用:
①!function($){
$ ===jq1.4
$('div')
}(jq1.4)
!function($){
$ ===jq1.8
$('div')
}(jq1.8)
②{
let $ = jq1.4
$('div')
}(用哪個(gè)版本就在作用域里申明哪個(gè)版本)
3蹦掐、ready事件
DOMContentLoaded()不管遠(yuǎn)程資源有沒有技羔,只要所有元素都齊了,就會(huì)執(zhí)行
onload事件管理遠(yuǎn)程資源(CSS卧抗、iframe藤滥、image)
$(function(){}),如果是直接寫函數(shù),就會(huì)在DOMContentLoaded()事件之后執(zhí)行這個(gè)函數(shù)社裆。和$().ready(function(){})用法一樣
以上是對(duì)jQuery簡(jiǎn)單描述拙绊,此外jQuery的鏈?zhǔn)秸{(diào)用、插件應(yīng)用都是不錯(cuò)的泳秀。筆者可以通過一下途徑詳細(xì)了解
1标沪、jQuery設(shè)計(jì)思想
2、jQuery API 中文文檔
3嗜傅、書目:《鋒利的jQuery》
掃盲:
1金句、立即執(zhí)行函數(shù)
有時(shí)候我們希望在定義函數(shù)后立馬調(diào)用執(zhí)行它,這就是立即執(zhí)行函數(shù)吕嘀。
但是假設(shè)我們這樣調(diào)用:
function (){}()(前半部分是函數(shù)申明违寞,后半部分是調(diào)用贞瞒。但是這樣申明及調(diào)用JavaScript時(shí)會(huì)報(bào)錯(cuò)的,因?yàn)镴avaScript規(guī)定以function開頭的就是語句趁曼,也就是函數(shù)申明军浆,所以會(huì)報(bào)錯(cuò))
為此,為了達(dá)到立即執(zhí)行函數(shù)的目的挡闰,我們可以進(jìn)行如下方式申明及調(diào)用
①(function(){ /* code / }());或者(function(){ / code / })();(分號(hào)必須寫)
②!function(){ / code / }();
~function(){ / code / }();
-function(){ / code / }();
+function(){ / code / }();
③new function(){ / code / }
new function(){ / code */ }()
// 只有傳遞參數(shù)時(shí)瘾敢,才需要最后那個(gè)圓括號(hào)