jQuery基礎(chǔ)_入門必看知識(shí)點(diǎn)
jQuery事件的因果關(guān)系是怎么樣的一個(gè)格式:
$("button").click(function(){ })
【正式接觸jQuery】
(1)jQuery的書寫步驟:
1.引入jQuery文件;
2.新建一對(duì)script標(biāo)簽來書寫jQuery;
3.用jQuery的方式進(jìn)行代碼分離;
4.按照jQuery用誰就選誰的原則去書寫代碼;
【jQuery的css修改】
alert()彈出一個(gè)警示框;彈出的信息可以寫在小括號(hào)里面作為參數(shù);
css()
1.單屬性獲取,格式css(“要獲取的css屬性名稱”)
2.單屬性修改,格式css(“參數(shù)1”,“參數(shù)2”)
參數(shù)1:表示要修改的css屬性名稱;
參數(shù)2:表示要修改的值;
3.多屬性修改,格式css({屬性名:“值”,屬性名:“值”,。。。})
注意:關(guān)于css復(fù)合屬性的修改;遇到復(fù)合屬性需要按照駝峰式命名法去書寫css屬性;
【基礎(chǔ)選擇器】
>表示選中指定的元素唯一的一級(jí)子代元素;
+表示選中指定元素其后緊鄰的唯一一個(gè)元素
~表示選中指定元素后面所有的元素;
在jQuery中所有的過濾選擇器都有一個(gè)特點(diǎn),都以冒號(hào)開頭;
【過濾選擇器】
:not()在指定的元素中排除某一個(gè)元素或某一類元素
:eq()按照指定的索引值進(jìn)行過濾,(注意程序中的索引值是從0開始的)
:gt()過濾大于指定索引值的所有元素;
:lt()過濾小于指定索引值的所有元素;
(注意;無論是大于還是小于,都是不包含自己本身的;)
【篩選選擇器】
篩選選擇器中有3個(gè)巨頭選擇器,父子兄;
特點(diǎn):所有的篩選選擇器都是一個(gè)函數(shù)的形勢(shì),所以它不會(huì)寫在選擇符號(hào)的內(nèi)部;
父:parent()選中當(dāng)前元素的父級(jí)元素;
子:children()選中當(dāng)前元素的子集元素;,小括號(hào)內(nèi)可以再次傳遞參數(shù)進(jìn)行更精細(xì)的篩選;
兄:sibling()選中當(dāng)前元素所有的同級(jí)兄弟元素;(不包含自己)
$(this)注意在事件當(dāng)中使用
jQuery當(dāng)中的動(dòng)畫和事件是遵循一個(gè)叫做排隊(duì)機(jī)制的原理,也就是說如果一次觸發(fā)執(zhí)行了很多動(dòng)畫那 么后面的動(dòng)畫不會(huì)自動(dòng)替換前面的而會(huì)一直排隊(duì)等待執(zhí)行;
解決方法:在執(zhí)行動(dòng)畫之前用stop()函數(shù)來清空排隊(duì);
【控制html屬性】
attr(“標(biāo)簽屬性名稱”,“所對(duì)應(yīng)的值”)
以上這篇jQuery基礎(chǔ)_入門必看知識(shí)點(diǎn)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jquery實(shí)現(xiàn)上傳文件進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)上傳文件進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03用jquery的attr方法實(shí)現(xiàn)圖片切換效果
這篇文章主要為大家詳細(xì)介紹了用jquery的attr方法實(shí)現(xiàn)圖片切換效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02jQuery實(shí)現(xiàn)一組圖片循環(huán)滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)一組圖片循環(huán)滾動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01JQuery 選項(xiàng)卡效果(JS與HTML的分離)
基于JQuery實(shí)現(xiàn)的一個(gè)選項(xiàng)卡效果,重點(diǎn)體現(xiàn)在HTML里沒有內(nèi)聯(lián)事件處理程序,而是定義在js文件里,做到行為與結(jié)構(gòu)的分離。2010-04-04基于jQuery實(shí)現(xiàn)最基本的淡入淡出效果實(shí)例
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)最基本的淡入淡出效果的方法,實(shí)例分析了jQuery中hide、show、toggle等函數(shù)的使用技巧,需要的朋友可以參考下2015-02-02javascript和jquery修改a標(biāo)簽的href屬性
a標(biāo)簽的href如何修改,下面為大家介紹下使用javascript或jquery來簡(jiǎn)單實(shí)現(xiàn),感興趣的朋友可以參考下2013-12-12招聘網(wǎng)站基于jQuery實(shí)現(xiàn)自動(dòng)刷新簡(jiǎn)歷
本文介紹下招聘網(wǎng)站基于jQuery實(shí)現(xiàn)自動(dòng)刷新簡(jiǎn)歷的方法,十分的簡(jiǎn)單實(shí)用,有需要的朋友,參考下吧2015-05-05jQuery-1.9.1源碼分析系列(十)事件系統(tǒng)之事件包裝
這篇文章主要介紹了jQuery-1.9.1源碼分析系列(十)事件系統(tǒng)之事件包裝的相關(guān)資料,需要的朋友可以參考下2015-11-11