jquery 学习,一个一个来

1. $(document).ready(function(){})与window.οnlοad=function(){}的区别

前者为创建完毕dom就执行,可以添加多次.可以用$(window).load()来实现后者.也可以这样jQuery(function(){})

后者为创建完毕并加载完毕才执行,写多个时后写的会冲掉先写的,只能执行一个.

 

2. 对数组的每个值进行处理,返回新的数组.

var arr=[1,2,3];

var arr2=$.map(arr,function(item){return item+1;});

 

3.对数组每个值处理,不返回任何东西

var arr=[2,3,4];

$.each(arr,function(key,value){alert(key+"="+value);});//key为数组的序号

//或者可以这样写

$.each(arr,function(item){alert(this)});//如果写item,则打印数组序号,this为值

-------------------------------------------------------

var arr2={"a":1,"b":2};

$.each(arr2,function(key,value){alert(key+"="+value)});

//也可以这样写

$.each(arr2,function(){alert(this);};//匿名函数参数什么也不写,里面可以用this来取值.

4. DOM对象和jQuery对象

jQuery对象是对DOM对象的封装,不拥有和DOM一样的方法,

可以通过$("#id")或$(dom对象)来将DOM转换为jQuery对象.

例如:$("#div").html()为取值$("#div").html("<a href='http://baidu.com'>baidu</a>'")为赋值.

jQuery对象只有浏览器通用的方法,某些浏览器特有的方法可能没有.

Jquery转换为Dom的方法:

var dom=jqobj[0];或者var dom=jqobj.get(0);

jQuery样式操作:

$("#div1").css("background");//获得样式.

$("#div1").css("background","red");//设置样式.

$("#un").val();//获取value

$("#un").val("aaa");//设置value

$("#div1").text()//获取innerText

$("#div1").text("ttt");//设置

$("#div1").html();//获取innerHTML

$("#div1").html("hhh");//设置innerHTML