js、jq平时积累

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

二、默认选中第1、2、三个option(2种方法);数组

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

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

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

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

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

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

三、默认选中第三个值;事件

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

四、选取选中的radio值;

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

五、获取选中的option值;

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

六、$("ul li:eq(0)").color("color","#f00");  至关于  $("ul li").get(0).color("color","#f00");

七、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。

八、获取表单所有元素,: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")  

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

  <label></label>

  <p></p>

  <input />

  这样的不会选中input

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

  :header  获取h一、h二、h3...

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

十、内容过滤选择器

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

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

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

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

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

  经过 live() 方法附加的事件处理程序适用于匹配选择器的当前将来的元素(好比由脚本建立的新元素)。

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

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

相关文章
相关标签/搜索