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({样式},时间,回调函数);
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。