2018.4.20到現(xiàn)在,非專業(yè)。從html+css、js初級(jí)、jquery。自學(xué)這條路上不懂的時(shí)候總想放棄,好歹都堅(jiān)持下來了,一遍看不懂的時(shí)候就休息下,從頭又開始。月初拿到一份實(shí)習(xí)的offer,為自己感到開心,總算可以踏入這行了,潛心學(xué)到vue就去上班! 堅(jiān)持到現(xiàn)在不容易,大家都不要放棄!
2018-06-12
搞懵了的童鞋看這里!
$('#div1') //id為div1的節(jié)點(diǎn),如<div id='div1'></div>
$('span') //所有的span結(jié)點(diǎn),一個(gè)包裝集
$('p span') //p標(biāo)簽下的所有span節(jié)點(diǎn),后代節(jié)點(diǎn)
$('p>span') //p標(biāo)簽下的所有span子節(jié)點(diǎn),子代節(jié)點(diǎn)
$('.red') //使用樣式red的節(jié)點(diǎn),如<span class="red"></span>
$('*') //所有節(jié)點(diǎn)
$("div,span,p.cls") //選取所有<div>,<span>和擁有class為cls的<p>標(biāo)簽的一組元素
$('#div1') //id為div1的節(jié)點(diǎn),如<div id='div1'></div>
$('span') //所有的span結(jié)點(diǎn),一個(gè)包裝集
$('p span') //p標(biāo)簽下的所有span節(jié)點(diǎn),后代節(jié)點(diǎn)
$('p>span') //p標(biāo)簽下的所有span子節(jié)點(diǎn),子代節(jié)點(diǎn)
$('.red') //使用樣式red的節(jié)點(diǎn),如<span class="red"></span>
$('*') //所有節(jié)點(diǎn)
$("div,span,p.cls") //選取所有<div>,<span>和擁有class為cls的<p>標(biāo)簽的一組元素
2018-06-11
通過 ```css``` 方法獲取寬度值(如 ```width```)是帶有 px 后綴的,同時(shí),這些值會(huì)統(tǒng)一的被轉(zhuǎn)換成px(不管使用百分比,還是em,rem等)
2018-06-11
```addClass``` 的回調(diào)函數(shù)中,可以 ```return``` 表示要添加的 class,也可以通過 ```this.addClass``` 添加.
2018-06-11
```attr``` ```html``` ```text``` 方法支持通過回調(diào)函數(shù),可以進(jìn)行更多的自定義:能夠在回調(diào)函數(shù)中獲取設(shè)置之前的值,可以做出更多定義.
2018-06-11
$(this)的作用:在事件處理時(shí),將指代當(dāng)前事件觸發(fā)元素的 this 對象轉(zhuǎn)換為 jquery 對象,然后就可以使用 jquery 提供的一系列方法.
2018-06-11
jQuery 對象是一個(gè)類數(shù)組對象,包含了所有選中的元素,可以通過下標(biāo)或者 ```get``` 方法來獲取類數(shù)組中的 DOM 對象,```get``` 方法是下標(biāo)方式的語法糖,二者并無區(qū)別。
2018-06-11
篩選選擇器用來篩選其前面已匹配的元素集合.根據(jù)之前匹配的元素在進(jìn)一步篩選
匹配的元素集合:first-child 老大篩選器 //在匹配的集合中選擇是家中排行老大的那些
匹配的元素集合:last-child 老幺篩選器 //在匹配的集合中選擇是家中排行最后的那些
匹配的元素集合:only-child 獨(dú)生子女篩選器 //在匹配的集合中選擇是家中獨(dú)生子女的那些
匹配的元素集合:nth-child(n) 排行老幾篩選器 //在匹配的集合中選擇是家中排行第n的那些
匹配的元素集合:nth-last-child(n) 排行倒數(shù)老幾篩選器 //在匹配的集合中選擇是家中排行倒數(shù)第n的那些
匹配的元素集合:first-child 老大篩選器 //在匹配的集合中選擇是家中排行老大的那些
匹配的元素集合:last-child 老幺篩選器 //在匹配的集合中選擇是家中排行最后的那些
匹配的元素集合:only-child 獨(dú)生子女篩選器 //在匹配的集合中選擇是家中獨(dú)生子女的那些
匹配的元素集合:nth-child(n) 排行老幾篩選器 //在匹配的集合中選擇是家中排行第n的那些
匹配的元素集合:nth-last-child(n) 排行倒數(shù)老幾篩選器 //在匹配的集合中選擇是家中排行倒數(shù)第n的那些
2018-06-09
:first-child 老大篩選器
:last-child 老幺篩選器
:only-child 獨(dú)生子女篩選器
:nth-child(n) 排行老幾篩選器
例:
$("它們:first-child") //如果它們是老大,則被選中.
:last-child 老幺篩選器
:only-child 獨(dú)生子女篩選器
:nth-child(n) 排行老幾篩選器
例:
$("它們:first-child") //如果它們是老大,則被選中.
2018-06-09
學(xué)習(xí)的效果是不會(huì)一蹴而就的,堅(jiān)持才能看見前方的光明。一遍看不懂就兩遍、三遍。前天剛從js入門級(jí)轉(zhuǎn)到j(luò)query,完全懵的狀態(tài),質(zhì)疑自己是否能成為一名優(yōu)秀的程序員同時(shí),我還是在一遍又一遍的看,今天感覺就很好了,加油!同學(xué)們,別放棄,堅(jiān)持就是勝利。
2018-06-06