05-进阶

发表于 | 分类于 |

animate() :

  • 第一个参数 : 对象 {} 去设置样式属性和值(目标点)
  • 第二个参数 : 时间 默认是400
  • 第三个参数 : 运动形式 只有两种 swing(默认 : 缓冲 : 慢快慢) linear(匀速的)
  • 第四个参数 : 运行结束的回调

数值的运算操作

1
2
3
$('#div1').animate({
			width : '+=100'
		},1000,'linear');

配置参数step的作用
duration easing complete

1
2
3
4
5
6
7
8
9
10
11
12
13
$('#div1').animate({
	width : 300
},{
	duration : 1000,
	easing : 'linear',
	complete : function(){
		//alert(123);
	},
	step : function(a,b){  //可以检测我们定时器的每一次变化
		//console.log(a);
		console.log(b.pos);   //运动过程中的比例值(0~1)
	}
});
1
2
3
4
5
//$('#div1').stop();    //默认情况下 : 只会停止当前运动
		
//$('#div1').stop(true);  //第一个参数 : 可以停止所有的运动

//$('#div1').stop(true,true); //第二个参数 : 可以停止到指定的目标点(当前的)

工具方法

  • $. parseJSON() ★★★★★
    • : 把JSON类型的字符串，转换成真正的JSON数据
    • : 只能针对JSON类型的字符串(安全比较好),要是严格的JSON
  • $. parseHTML() ★
1
2
3
4
5
6
7
8
9
10
11
//$.parseHTML()  : 转化HTML的形式的字符串,转成DOM节点，放到一个数组中

/*var a = '<div>div</div><span>span</span>';

var arr = $.parseHTML(a);

//console.log(arr);

arr[1].innerHTML = 'hello';
	
$('body').append( arr[1] );*/
  • $. parseXML() ★
  • $. isXMLDoc() ★

jQ插件

$.browser()

http://jquery.thewikies.com/browser/

https://github.com/carhartl/jquery-cookie#readm

e-calendar

http://www.jq22.com/jquery-info541
用法和JQ是相同的