码迷,mamicode.com
首页 > Web开发 > 详细

jQuery

时间:2015-04-15 16:59:30      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:

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({样式},时间,回调函数);

 

 

  

 

jQuery

标签:

原文地址:http://www.cnblogs.com/neverc/p/4428464.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!