1、javascript類庫(kù),即js庫(kù),預(yù)封裝了很多函數(shù)和對(duì)象,為了簡(jiǎn)化我們的js開發(fā),最大的特點(diǎn)是兼容各大瀏覽器,即不需要考慮兼容性問題,鏈?zhǔn)讲僮鳌椒ㄦ湻绞酱蟠蠛?jiǎn)化了代碼的書寫。
創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營(yíng)銷、網(wǎng)站重做改版、劍川網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5技術(shù)、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為劍川等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
2、jquery-1.11.3.js——正常文件:有注釋、空行和縮進(jìn)
jquery-1.11.3.min.js——壓縮文件:采用GZIP壓縮技術(shù),沒有注釋、空行和縮進(jìn)
注:開發(fā)時(shí)為了加快加載速度,采用壓縮版本,平時(shí)學(xué)習(xí)練習(xí)研發(fā)使用正常版本
3、jquery對(duì)象與DOM對(duì)象區(qū)分
jquery對(duì)象:封裝DOM對(duì)象后產(chǎn)生的對(duì)象
DOM對(duì)象:通過DOM獲取的元素,稱之為DOM對(duì)象
4、jquery九大選擇器
基本選擇器、層級(jí)選擇器、過濾選擇器(基本過濾選擇器、子元素過濾選擇器、可見性過濾選擇器、內(nèi)容過濾選擇器、屬性過濾選擇器、表單對(duì)象屬性過濾選擇器、)
5、可見性過濾選擇器
:visible 獲取可見元素(不常用)
:hidden 獲取不可見元素(常用)
注:對(duì)visibility:hidden不起作用
6、【重點(diǎn)記憶】
:not(expr) - 獲取不包含指定表達(dá)式的元素
【獲取class不為XX的xxx元素,其中包含沒有class屬性的元素,not中的表達(dá)式可加單引號(hào)可不加,一般不用加】
:has(selector) - 獲取含有匹配選擇器的元素的父元素
[attrName!=value] - 獲取包含指定attrName的值不為value的元素(包含沒有該屬性的元素,與not包含一致,not也是包含沒有該屬性的元素)
[attrName][attrName] - 組合屬性過濾選擇器(交集)(與基本選擇器的并集不一樣)
selector1,selector2,......($(“one,two”);【組合選擇器】
中間用逗號(hào)隔開,全部寫在一個(gè)雙引號(hào)里,并集)
【隱藏元素的情況】
1.設(shè)置為display:none;
2.帶有type=“hidden”的表單元素
3.width和height設(shè)置為0
4.隱藏的父元素
7、addClass() - 追加樣式
無論之前是否包含樣式,在此基礎(chǔ)上追加一個(gè)新的樣式,如果之前包含樣式,依舊存在
attr()設(shè)置樣式-無論之前是否包含樣式,設(shè)置成當(dāng)前樣式,如果之前包含樣式,會(huì)被覆蓋
8、css()方法
獲取 -css(attrName)
設(shè)置:【設(shè)置單個(gè)】
css(attrName, attrValue)
注意:attrName必須是字符串類型
【設(shè)置多個(gè)】
css({
attrName : attrValue,
attrName : attrValue,
... ...
})
注意 - attrName直接定義,不需要編寫成字符串類型,值不加單位
9、children()與find()的區(qū)別:find是找所有后代元素,children是只找子元素
10、替換元素
被替換元素 . replaceWith($(“替換元素”))
replaceAll() - 實(shí)際上就是顛倒了的replaceWith()
刪除元素
remove() - 刪除自身及后代節(jié)點(diǎn)[自殺式,與原生DOM的原理完全不同]
empty() - 刪除后代節(jié)點(diǎn),保留自身節(jié)點(diǎn)(特別適合:清空)
插入元素
內(nèi)部插入 - 子元素(指定元素內(nèi))
append() - 作為最后一個(gè)子元素插入到指定元素中
【插入在指定元素的后面】
【顯示出來是在后面,作為子元素出現(xiàn),保留各自前面的li點(diǎn)】
prepend() - 作為第一個(gè)子元素插入到指定元素中
【插入在指定元素的前面】
【顯示出來是在前面,作為子元素出現(xiàn),不保留原來li前面的點(diǎn)】
appendTo()
prependTo()【只是上述操作的反操作,前后元素顛倒】
外部插入 - 兄弟元素(指定元素外)
before() - 作為指定元素的上一個(gè)兄弟元素插入
after() - 作為指定元素的下一個(gè)兄弟元素插入
【只是上述操作的反操作】
insertBefore()
insertAfter()
11、【注意問題】
1. 在js操作css的時(shí)候用駝峰。
2. 只要是加小括號(hào)的,一定是函數(shù)或方法的調(diào)用
3. 從加載上來說:寫代碼時(shí)不要隨意位置寫Js代碼,css和html是一個(gè)引擎加載,js是另一個(gè)引擎加載,如果隨意寫js,則引擎切換的次數(shù)越多。每一種寫的順序的方式都有自己的好處
4.this是指代DOM,不是jquery對(duì)象
5.js的函數(shù)不具備重載,叫覆蓋
6.當(dāng)腳本代碼放在頁(yè)面上邊的時(shí)候,用一個(gè)全局加載ready
12、jquery UI提供的功能
1.效果(Effects)
animate() - 自定義動(dòng)畫【jQueryui的animate是jQuery animate的補(bǔ)充】
JQUERY中的animate()無法使用的CSS屬性,在這都能用
【 animate()方法
當(dāng)前HTML頁(yè)面既引入JQUERY也引入JQUERY UI
兩者都提供了animate()方法
如何保證調(diào)用的animate()一定是JQUERY UI提供的?
原因 - JQUERY是先引入的,animate()方法被覆蓋
JavaScript的函數(shù)不具備“重載”而是“覆蓋”,后面的代替了前面的】
2.交互(Interactions)
3.組件(Widgets)
dialog,對(duì)話框是開發(fā)中比較重要的元素
13、自調(diào)函數(shù)- 盡量避免全局變量和函數(shù)(對(duì)象)
原則 - 將全局改為局部
自調(diào)函數(shù)
(function(){
// 定義代碼
}());//解決全局問題
自調(diào)函數(shù)的寫法至少13種以上【可自己查】
所有全局變量都在瀏覽器內(nèi)存里,會(huì)影響性能。
方法1:最前最后加括號(hào)
(function(){alert(1);}());
方法2:function外面加括號(hào)
(function(){alert(1);})();
方法3:function前面加運(yùn)算符,void
void function(){alert(2);}(); //據(jù)說效率最高~
4:帶參數(shù)
(function(o) {
alert(o);
})('water');
5 :匿名函數(shù)的鏈?zhǔn)秸{(diào)用
(function(o) {
alert(o);
return arguments.callee;
})('water')('down');
6:~(function(){
alert('water');
})();
7:+function(){
alert('water');
}();
8:-function(){
alert('water');
}();
9:~function(){
alert('water');
}();
10:!function(){alert(1);}();
14、【JQUERY的插件必須掌握!??!】
如何學(xué)習(xí)JQUERY插件?
插件官方提供的幫助文檔
插件提供的Demo示例代碼
[jquery插件是可以脫離jquery獨(dú)立使用的]
名稱欄目:jquery學(xué)習(xí)之重要知識(shí)點(diǎn)
URL網(wǎng)址:http://muchs.cn/article48/pphohp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營(yíng)銷、建站公司、域名注冊(cè)、手機(jī)網(wǎng)站建設(shè)、云服務(wù)器、面包屑導(dǎo)航
聲明:本網(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)