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

jquery的一些基本知識(shí)

??? 2019-04-11 13:49:36 215
????:window.onload的用法:頁(yè)面一般都是從上到下的順序執(zhí)行的,如果js代碼在元素前面,就不會(huì)獲取到元素,如果js代碼放在文檔最后就不需要使用window.onload<script> window.onload=function(){ 函數(shù)體 }</script>jQuery中有函數(shù) <script> $(document).ready(functio

window.onload的用法:頁(yè)面一般都是從上到下的順序執(zhí)行的,如果js代碼在元素前面,就不會(huì)獲取到元素,如果js代碼放在文檔最后就不需要使用window.onload

<script>

window.onload=function(){

函數(shù)體

}

</script>


jQuery中有函數(shù)

<script>

$(document).ready(function(){

函數(shù)體;

})

</script>

或者:

<script>

$(function(){

函數(shù)體;

})

</script>


jQuery選擇器

1.基本選擇器

$("#id"/"tag"/".class"/"*所有元素"/"selector")


2.層級(jí)選擇器

ancestor descendant  根據(jù)祖先元素匹配所有的后代元素

parent>child 根據(jù)父元素匹配所有的子元素

prev+next 匹配所有緊接在prev元素后的相鄰元素

prev~silings 匹配prev之后的所有兄弟元素


3.過(guò)濾選擇器




4.表單選擇器



事件

1.頁(yè)面載入事件


$(document).ready(function(){函數(shù)體;})

$(function(){函數(shù)體;})

jQuery(document).ready(function(){函數(shù)體;})

jQuery(function(){函數(shù)體;})


2.綁定事件

bind(type,[data],fn);

type為一個(gè)或者多個(gè)類型的字符串,包括:blur/fucous/load/resize/scroll/unload/click/dbclick/mousedown/mouseup/mousemove/mouseover/mouseout/mouseenter/mouseleave/change/select/submit/keydown/keypress/keyup/error

參數(shù)data不常用

參數(shù)fn是綁定到每個(gè)選擇元素事件中的處理函數(shù)

3.切換事件

hover()使元素在鼠標(biāo)懸停和鼠標(biāo)移出的事件之間進(jìn)行切換,可使用mouseenter和mouseleave進(jìn)行替換。

hover(over,out)參數(shù)over為鼠標(biāo)移動(dòng)到元素時(shí)觸發(fā)的函數(shù),out為鼠標(biāo)移出時(shí)觸發(fā)的函數(shù)。

4.移除事件

unblind([type],[fn])其中type為移除事件類型,fn為需要移除的事件處理函數(shù);如果該方法沒(méi)有參數(shù),則移除所有綁定事件;如果帶有參數(shù)type,則移除該參數(shù)指定的事件類型;如果帶有fn,則只移除綁定時(shí)指定的函數(shù)fn。


常用效果

1.隱藏與顯示

JavaScript中的方法:document.getElementById("p").style.display="none"

jquery中的方法:show(speed,[callback]),hide(speed,[callback])

2.淡入與淡出

fadeIn(speed,[callback]),fadeOut(speed,[callback])回調(diào)函數(shù)為動(dòng)畫完成后可執(zhí)行的函數(shù)

fadeTo(speed,opacity,[callback])參數(shù)opacity為指定的不透明度。

3.滑動(dòng)

slideDown(speed,[callback])

slideUp(speed,[callback])

slideToggle(speed,[callback])該方法實(shí)現(xiàn)自動(dòng)切換


4.動(dòng)畫

animate(params,[速度],[動(dòng)畫插件],[callback])其中params參數(shù)要用駝峰式命名法,例如:font-size變?yōu)閒antSize


stop([clearQuene],[gotoEnd])動(dòng)畫停止

deplay(duration,[queneName])動(dòng)畫延遲



jquery 添加css樣式

例:$(this).css('display','none')

特別是要注意jQuery的加載順序

?? ???:查無(wú)此人?? ??:2019-04-11 14:15:36
???? ??:完成的不錯(cuò)。jq有很多方法,記住就可以熟練的使用了。繼續(xù)加油。

??? ??

?? ??