Jquery使用心得

1.<form>提交时，会提交里面有name属性的元素，而不是id属性
  $("#form").serialize();

     得到里面每个元素的拼接值 id=1&name=xiaohong

  $("#form").serializeArray();

     得到json数组{"Name":"id","Value":"1"}
                          {"Name":"name","Value":"xiaohong"}

2.当input或select是disabled时，这些元素不会提交，可以加个隐藏的同样name属性的input

3.console.log("hello")可以写文本到控制台，文本长或需要循环查看值时比alert好用多了

4.判断IE版本是否小于IE8 时，如果是IE9兼容模式，$.browser.version会显示7.0，不能准确判断。

可以使用$.browser.msie && navigator.userAgent.indexOf('Trident') <0

$.browser
{
 msie : true,
 version : "7.0"
}

navigator.userAgent
"Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; MDDC; .NET4.0C; .NET4.0E)"

5.得到元素高度
$("#content").height();
$("#content").innerHeight();//元素内部区域高度，忽略padding、border
$("#content").outerHeight();//忽略边框
$("#content").outerHeight(true);//包含边框高度

6. 使用eval()可以将字符串转换成json对象
var jsonStr='[{"id":"id","name":"xiaohong"},{"id":"2","name":"xiaoming"}]';
var json=eval(jsonStr);
json[0]
{
 id : "id",
 name : "xiaohong"
}
json[1]
{
 id : "2",
 name : "xiaoming"
}

7.得到当前时间
var d=new date()
d.getYear();
d.getMonth();
d.getDay();
d.getHours();
d.getMinutes();
d.getSeconds();

8.Jquery选择器
匹配E元素之后的兄弟元素
div ~ p

匹配所有跟在label后面的input元素
$('label+input')

匹配含有某属性的元素
div[title]

匹配某属性结尾/开头/含有man的元素
div[title$='man']
div[title^='man']
div[title*='man']

匹配没有某class的元素
div:not(.class1)

匹配第一个符合条件元素后面的所有符合条件的元素
$('input:not(first)')

9.当页面某部分刷新时候,避免原来的事件失效,使用live
$('input').live('change',function(){});

10.在一扎元素的循环中当判断是否某元素
$('input').each(function(){

  if($(this).is('#stop')){

    return false;

 }

});

11.判断当前元素是父元素的第几个,取父元素的第几个
$('.pdiv').index(this)
$('.pdiv').eq(3)