????: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ù)加油。