jQuery

1.$(document).ready()

DOM树节点完成:

$(function(){}) === $(document).ready(function(){})

load完成:

window.onload = function(){}

 

2.

window.jQuery = window.$ = jQuery;

 

 

3.map

遍历数组,返回新的数组

语法:$.map([],function(v,i){})

 

4.each

遍历数组

语法:$.each([],function(k,v){})

 

5.$对象和DOM对象

$对象是对DOM对象的封装.否则无法完成链式编程.

转换:

  [$=>DOM]:$()[0]  或者  $().get(0)

  [DOM=>$]:$(DOM)

 

6.选择器

$的选择器和css的选择器完全一样

id className tagName 子代(>) 后代( ) 兄弟(+~) 选择器

 

7.text,html,val,attr

  $对象.text() => DOM对象.innerText

  $对象.html() => DOM对象.innerHtml

  $对象.val() =>  DOM对象.value

  $对象.attr() => DOM对象.get/setAttribute()

 

8.辅助选择器

  next()      下一个节点

  prev()      上一个节点

  nextAll()     同级后面所有的节点

  prevAll()     同级前面所有节点

 

9.破坏链,恢复链

   当使用辅助选择器的时候,返回值为对应的节点.所以原始的链就被破坏了.要想恢复上一次的链,用end()即可恢复

 

10.动画

  自带动画:

    hide() show()

    fadeOut() fadeIn()

    slideUp() slideDown()

  间隔:fast normal slow

  自定义动画:

    $对象.animate({样式},时间,回调函数);

 

 

  

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。