jquery常用小技巧

项目中有时候会常用到一下有关dom操作及及一下常用的小技巧，闲来无事，一是为了总结学习，二是为了作为自己的一个工具。

1. 动态获取浏览器的宽度

$(window).resize(function() {                       //监控浏览器改变事件
browser_width = $(document.body).width(); 
alert(browser_width);
//$("div.show").css("width",browser_width); 
});

2、js获取特定日期  AddDayCount为日期增量0为当天 -1为昨天，以此类推

functionGetDateStr(AddDayCount) {

      var dd = new Date();

   dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期

   var y =dd.getFullYear();

   var m = dd.getMonth()+1;//获取当前月份的日期

   var d = dd.getDate();

   return y+"-"+m+"-"+d;

   } 

3、下拉框相关操作

1）获取下拉框选中项的value:value=$(“#id”).val();

2) 获取下拉框选中项的值name=$(“#id”).find("option:selected").text();

3)下拉框清空：$(“#id”).empty();

4)下拉框添加项：$(“#id”).append(“<option value=''></option>”);

4、jquery操作dom

1）获取属性：获取：$(“#id”).attr(“name”);  //获取name的属性

2）改变属性：$(“#id”).attr(“name”,”newName”);//将name的属性变为newName

3) 改变样式：$(“#id”).css(“heigth”,”100%”); 

5、jquery之each

1)选择器

$('div').each(function (i,this){

    id=$(this).attr("id");  //获取遍历的div的id

   // i就是索引值 可不要

   //this 表示获取遍历每一个dom对象  可不要

});

2）灵活遍历

var d=$("div");            //d为要遍历的集合

$.each(d,function (index,domEle){

  d是要遍历的集合

  index就是索引值

  domEle 表示获取遍历每一个dom对

});