js、jq平时积累

1、window.onbeforeunload   =   function(){$(window).scrollTop(0);}  //在即将离开当前页面(刷新或关闭)时执行 JavaScript

2、默认选中第一、二、三个option（2种方法）;

　　$("#aaa")[0].selectedIndex = 0;

　　$("#bbb")[0].selectedIndex = 1;

　　$("#ccc")[0].selectedIndex = 2;　

　　$("#aaa option:eq(0)").attr("selected",true);

　　$("#bbb option:eq(1)").attr("selected",true);

　　$("#ccc option:eq(2)").attr("selected",true);

3、默认选中第三个值;

　　$("input[name=max]").get(2).checked = true;

4、选取选中的radio值;

　　$("radio[name='sex'][checked]").text();

5、获取选中的option值;

　　$("select[name=max]").find("option:selected").text();

6、$("ul li:eq(0)").color("color","#f00");  相当于  $("ul li").get(0).color("color","#f00");

7、parent()、parents()、parentsuntil() 区别

　　重点说一下第三个，parentsUntil() 获得当前匹配元素集合中每个元素的祖先元素，直到（但不包括）被选择器、DOM 节点或 jQuery 对象匹配的元素。

　　举个栗子：.parentsUntil(selector,filter)   

　　$("p").parentsUntil($("div.box"),".max");

　　即查找P标签的祖先元素，类别为.max,到div.box截止查找。

<div class="max">

　　<div class="box max">

　　　　<div></div>

　　　　<div class="max">

　　　　　　<div class="max"><p></p></div>

　　　　</div>

　　</div>

</div>

　　符合条件的标注为红色。虽然第二个div也是.max，但不符合“不包括被选择器、DOM 节点或 jQuery 对象匹配的元素”条件，所以pass。截止到div.box，所以第一个.max也被pass。

8、获取表单全部元素，:input不进可以获取Input，还可以获取textarea,select,button标记的表单元素。

　　$("form :input")   注意：form和:input之间要留有空格，下面都是这样。

　　:text,获取单行文本框(不包括textarea这样的多行文本框)。      $("form :text") 

　　:password,获取密码框。  $("form :password")  

　　:radio,获取单选框。   $("form :radio")   

　　:checkbox,获取复选框。   $("form :checkbox")   

　　:submit,获取提交按钮。   $("form :submit")  

　　:image,获取图像域。   $("form :image")  

　　:button,获取普通按钮。   $("form :button")  

　　:checked,获取选中状态元素。   $("form :checked")  

　　:selected,获取select选中状态元素。   $("form :selected")  

9、$("label + input")  选取与label同级的紧跟label的input(哥哥弟弟关系);

　　<label></label>

　　<p></p>

　　<input />

　　这样的不会选中input

　　$("label ~ input")  选取与label同在一个父元素的同级input(兄弟姐妹关系);

　　:header  获取h1、h2、h3...

　　:animated  获取正在执行动画的元素

10、内容过滤选择器

　　$("div:contains('John')")   选择所有div中含有John文本的元素 

　　$("td:empty")    选择所有的为空（也不包括文本节点）的td元素的数组 

　　$("div:has(p)")   选择所有含有p标签的div元素 

　　$("td:parent")    选择所有的以td为父节点的元素数组

11、jquery1.4版本的live()方法。

　　通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。

12、jquery选择器性能问题，id(id/结合就近的id  !不要使用id来修饰id) > tag(tag/class前面使用tag !不要使用tag来修饰id)

13、不要让相同的选择器在代码里出现多次，应该将其缓存成一个变量