亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jquery章節(jié)筆記

Original 2019-01-20 23:39:44 299
abstract:$(document).ready(function(){})               頁(yè)面加載完畢運(yùn)行,windows.onload=function(){}基本選擇器:$('#id')根據(jù)給定的id獲取元素名$('.class')根據(jù)給定的class獲取元素名$('element&

$(document).ready(function(){})               頁(yè)面加載完畢運(yùn)行,windows.onload=function(){}

基本選擇器:

$('#id')根據(jù)給定的id獲取元素名

$('.class')根據(jù)給定的class獲取元素名

$('element')根據(jù)標(biāo)簽獲取元素名

$('*')匹配所有元素

$('#id,.class,*')多個(gè)獲取獲取元素名

$('.class').css('background','red')     改變?cè)揷lass背景顏色

jquery層級(jí)選擇器

$('父級(jí)元素 > 自己元素')               給定的父級(jí)元素下匹配所有自己元素

$('祖先元素  后代元素')                 給定的祖先元素下匹配所有后代元素

$('prev + next')(同級(jí)元素)              匹配緊跟在prev元素后面的next元素

$('prev ~ siblings')                        匹配prev元素后面所有的siblings元素

jquery順序選擇器

1.順序

$(':frist') 第一個(gè)選擇器

$(':last') 最后一個(gè)選擇器

2.比較

$(':gx(x)') 表示大于值x的元素

$(':lt(x)') 表示小于值x的元素

3.奇偶數(shù)

$(':odd') 奇數(shù)順序

$(':even') 偶數(shù)順序

4.非

$(':ont(selector)') 匹配不是selector的所有元素

jquery內(nèi)容選擇器

$(':contains(text)')                         匹配包含給定文本(text)的元素

$(':has(selector)')                          匹配包含特定選擇器元素的元素

$(':empty')                                    匹配空元素(內(nèi)部不含有任何子元素)

$(':parent')                                    匹配含有子元素或者文本的元素

jquery屬性選擇器

$('[元素名]')                                        匹配包含給定屬性的元素

$('input[type=text]')                               匹配input給定屬性是某個(gè)特定值的元素

$('[attribute!=value]')                              匹配所有不含有指定屬性值得屬性,或者是屬性不等于特定值的元素

$('[attribute^=value]')                              匹配給定屬性是以某些值開(kāi)始的元素

$('[attribute$=value]')                              匹配給定屬性是以某些值結(jié)尾的元素

$('[attribute*=value]')                               匹配含有子元素或者文本的元素

$('[attrSel[1] attrSel[1] attrSel[1]')            符合選擇器,需要同時(shí)滿足多個(gè)條件是使用

jquery表單選擇器

$(':enabled')                                       所有激活的input元素(可以使用的input元素)

$(':disabled')                                       所有禁用input的元素(不可以使用的input元素)

$(':selected')                                       所有被選取的input元素(針對(duì)selected元素)

$(':checked')                                      所有被選中的input元素

jquery改變/獲取css屬性

$('選擇器').css('background','red') 改變單個(gè)

$('選擇器').css({'background':'red','background':'red'})    改變多個(gè)

$('選擇器').css('background') 獲取單個(gè)

jquery操作屬性的方法

$('選擇器').addClass('class名  class名') 該方法向被選中的元素添加單個(gè)類或者多個(gè)類(多個(gè)用空格隔開(kāi))

$('選擇器').removeClass()           該方法向被選中的元素移除類或者移除多個(gè)類(多個(gè)用空格隔開(kāi))

$('選擇器').attr()      該方法設(shè)置或者返回被選中的元素的元素值

$('選擇器').removeAttr()      該方法從被選中的元素的移除屬性

$('選擇器').hasClass()              該方法檢查被選中的元素的是否包含指定class

$('選擇器').toggleClass()      該方法對(duì)被選中的元素進(jìn)行添加刪除類的切換操作

jquery設(shè)置內(nèi)容

text()                                                       該方法返回或者設(shè)置備選中的元素的文本內(nèi)容

html()                                              該方法返回或者設(shè)置備選中的元素的內(nèi)容(innerHtml,html)

val()                                                       該方法返回或者設(shè)置的備選元素的值

jquery事件

ready()                                                    文檔加載完成

click() 點(diǎn)擊事件

dblclick() 雙擊事件

blur()                                                       當(dāng)元素失去焦點(diǎn)

focus() 當(dāng)元素獲取焦點(diǎn)

change() 當(dāng)元素(文本框)內(nèi)容改變

mouseover()                                           當(dāng)指針位于元素上發(fā)生

mouseenter() 當(dāng)指針穿過(guò)于元素上時(shí)發(fā)生

mousemove() 當(dāng)指針在指定元素中移動(dòng)時(shí),就會(huì)發(fā)生改事件

mouseeleave()                                當(dāng)指針離開(kāi)元素時(shí)

mouseout() 當(dāng)指針從元素上移開(kāi)時(shí)

mousedow() 當(dāng)鼠標(biāo)移動(dòng)到元素上方并按下鼠標(biāo)按鍵時(shí)

mouseup()                                              當(dāng)在元素上松開(kāi)鼠標(biāo)按鍵是

resize() 當(dāng)調(diào)整當(dāng)前瀏覽器窗口大小時(shí)

pageX() 屬性是鼠標(biāo)指針的位置,在x軸

pageY() 屬性是鼠標(biāo)指針的位置,在Y軸

focus() 當(dāng)元素獲取焦點(diǎn)

jquery事件切換

hover(over,out)

over:鼠標(biāo)以上元素上要觸發(fā)的函數(shù)

out:鼠標(biāo)移出元素上要觸發(fā)的一個(gè)函數(shù)

toggle()   如果元素是可見(jiàn)的就隱藏,取反


Correcting teacher:天蓬老師Correction time:2019-01-21 09:06:48
Teacher's summary:選擇器總結(jié)的非常棒, 特別是表單選擇器, 這是一個(gè)重點(diǎn)

Release Notes

Popular Entries