Jquery插件-1

$. 表示工具

&.each()和each()的区别

重点：$('div')选出来的是一个div数组，他包含了所有的div。

<div>1111</div>
<div>2222</div>

<script src="jquery-1.11.1.js"></script>

<script>
	

$(function(){
	//$.each()和each()
	var arr = ['aa','bb','cc'];
	$.each(arr,function(i){
		alert(i + ":" + arr[i]);
	});


//jquery对象是一个dom数组
$('div').each(function(){
	 alert($(this).html());
});



});


</script>

$.extend继承方法

后面增加的name属性会覆盖前面的，越往后它的优先级会越高。

<div>1111</div>
<div>2222</div>

<script src="jquery-1.11.1.js"></script>

<script>
	

$(function(){
	//$extend({...}) :表示扩展$对象
	//$extend(cfg,{...},{...}) :扩展cfg对象
	var cfg = {id:1,name:'test'}; //默认配置
	$.extend(cfg,{id:100,name:'张三'},{name:'李四',age:20});

    alert(JSON.stringify(cfg));
});

//JSON.stringify(obj) :将js对象转成JSON字符串
//JSON.parse(str) :将严格的JSON字符串转成js对象

</script>

注意：写代码的时候出现了两个错误，都是因为把英文逗号“,”写成了中文逗号“，”   ，找了很久错误，要多多仔细！

扩展$对象，不一样

 

重要转换方法，字符串和json对象，必须照这个格式 key:value。

自定义jquery插件，自己写

 

临时存储数据-有用的

写成data-更好！

<div data-id = "1" myid = "2">1111</div>
<div>2222</div>

<script src= "jquery-1.11.1.js"></script>
<script >
	
	$(function(){
		//临时存储数据

		var id1 = $('div').data('id');
		var id2 = $('div').attr('myid');
		alert(id1+","+id2);
	});



</script>

这样也行，表示div同时它的class有aa和bb

给按钮添加事件