abstrak：window.onload的用法：頁面一般都是從上到下的順序執(zhí)行的，如果js代碼在元素前面，就不會獲取到元素，如果js代碼放在文檔最后就不需要使用window.onload<script> window.onload=function(){ 函數(shù)體 }</script>jQuery中有函數(shù) <script> $(document).ready(functio

window.onload的用法：頁面一般都是從上到下的順序執(zhí)行的，如果js代碼在元素前面，就不會獲取到元素，如果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.層級選擇器

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

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

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

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

3.過濾選擇器

4.表單選擇器

事件

1.頁面載入事件

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

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

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

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

2.綁定事件

bind(type,[data],fn);

type為一個或者多個類型的字符串，包括：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是綁定到每個選擇元素事件中的處理函數(shù)

3.切換事件

hover()使元素在鼠標懸停和鼠標移出的事件之間進行切換，可使用mouseenter和mouseleave進行替換。

hover(over,out)參數(shù)over為鼠標移動到元素時觸發(fā)的函數(shù)，out為鼠標移出時觸發(fā)的函數(shù)。

4.移除事件

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

常用效果

1.隱藏與顯示

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

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

2.淡入與淡出

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

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

3.滑動

slideDown(speed,[callback])

slideUp(speed,[callback])

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

4.動畫

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

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

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

jquery 添加css樣式

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

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

Guru membetulkan：查無此人Masa pembetulan：2019-04-11 14:15:36
Rumusan guru：完成的不錯。jq有很多方法，記住就可以熟練的使用了。繼續(xù)加油。