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)