锋利的jQuery学习笔记（一）

博主的懒癌终于要开始抢救了，听了大牛们说写博客是一个很好地习惯且利于学习，终于在申请了N久的博客后。。。。开篇了。

最近在快速学习jQuery,虽然js的框架层出不穷，但是jQuery比较基础，应用范围比较广，学下来发现，还真是便捷啊，write less, do more.

前两章总结：

第一章 认识jQuery

 

1.  $(document).ready()相当于 window.onload

$(document).ready(function(){

}); 可以简写为 $(function(){});

 

2.  将jQuery对象转化为DOM对象： varcr=$cr[0]; 或var cr=$cr.get(0);

将DOM对象转化为jQuery对象：var $cr =$(cr);

 

3.  解决jQuery与其他库的冲突：调用

jQuery.noConflict();

(function($){

   $(function(){

     $(“p”).click(function(){     //jQuery继续使用$

        Alert($(this).text());

});

});

})(jQuery);

$(“pp”).style.display = ‘none’;    //使用其他库中的$

 

第二章 jQuery选择器

 

4. 选择器：

  #id  .class  element   *(通配符)   selector1，selector2，…, selectorN（并列）

$(“ ancestor descendant”) (后代元素)  $(“parent>child)（子元素）

$(“ prev +next”) (紧接在prev后面的next(同辈)元素) .next()  $(“.one+div”) =  $(“.one”).next()

$(“prev~siblings”) (prev之后的所有siblings(同辈)元素) $(“#prev~div”)= $(“#prev”).nextAll(“div”)

 

5. 基本过滤选择器：

:first 选取所有匹配元素中的第一个     :last

:not(selector) 去除所有匹配的元素

:even 选取索引为偶数的元素，索引从0开始    :odd 奇数

:eq(index) 选取索引等于index的元素  :gt(index) 大于    :lt(index)小于

:header 选取所有的标题元素   :animated 选取当前正在执行动画的元素 

:focus选取当前获得焦点的元素

 

6.  内容过滤器

:contains(text) 选取有文本内容为”text”的元素

:empty 选取不包含子元素或者文本的空元素

:has(selector)     e.g. $(“div:has(p)”)选取含有<p>元素的<div>元素

:parent 选取含有子元素或者文本的元素

 

7. 可见性过滤选择器

 

$(“:hidden) 选取所有不可见的元素，包括<inputtype=”hiden”>  <divstyle=”display”> 

<div style=”visibility:hidden;”>等，如果只想选input可以使用$(“input:hidden”)

:visible 选取所有可见元素

8.  属性过滤选择器

[attribute] $(“div[id]”) 选取拥有id属性的<div>元素

[attribute=value]

[attribute!=value]

[attribute^=value] 选取属性的值以value开始的元素

[attribute$=value] 属性的值以value结束的元素

[attribute*=value] 属性的值含有value的元素

[attribute|=value] 属性的值等于或以value为前缀的值（value-）

[attribute~=value] $(‘div[title~=”uk”]’) 选取属性title用空格分隔的值中包含字符uk的元素e.g.(en ukm)

[attribute1][attribute2]具有多个约束条件的属性的元素

 

9.  子元素过滤选择器

:nth-child(index/even/odd/equation) 选取父元素下第index的子元素，index从1开始计算

:fist-child 选取每个父元素的第1个子元素 :last-child  :only-child

 

10. 表单对象属性过滤选择器

:enabled 选取所有可用元素    :disabled    :checked    :selected

:input   :text(所有单行文本框)   :password  :radio   :checkbox  :submit   :image  

:reset :button  :file  “hidden

 

11. 注意事项

选择其中含有  .   #   (   ]  时需要转义符 \\ 定义

不要用@

空格代表后代元素，不要轻易加