jQuery

jQuery基本语法: 

  $(selector).action();

转化成jq对象:

  $(“选择器”)  jQuery(“选择器” )  $==jQuery

Jq对象转化成dom对象:

    1, $(selector)[0];

    2,$(selector).get(0);

基本选择器

  Id    class  element   *(所有)  群组(css一样)

层级选择器 

  后代  $(“div p”)     $(“div”).find(“p”)

  子代  $(“div>p”)     $(“div”).children(“p”)

  后一个 $(“div+p”)    $(“div”).next(“p”)

  后面所有的 $(“div~p”)  $(“div”).nextAll(“p”)

  前一个相邻 $(“div”).prev(“p”)

  前一个所有的 $(“div”).prevAll(“p”)

  兄弟选择器  siblings( )   所有兄弟不包含本身

基本过滤器:

  :first  所有匹配元素的第一个

  :first-child   父元素里的第一个子元素

  :  last-child

  :not(selector)   除了指定选择器之外的

  :odd 索引是奇数的

  :even 索引是偶数

  :eq(索引值)  下标是某一个   

  :gt()  大于指定索引值  不包含这个索引值本身

  :lt()   小于指定索引值 。。。。。

  :header   匹配标题元素 H1~h6

  : animated  匹配正在执行动画的

内容过滤选择器

  :contains(text)  匹配指定文本的

  :empty  匹配为空的  

  :parent  匹配不为空的

  div has(selector)   匹配div里面拥有某个选择器

属性选择器

  [attribute1][attribute2][attribute3]  匹配都包含以上属性的元素

表单选择器

  :input   所有表单元素  包含 input textarea button  select

  :button  type=”button”  <button></button>

隐藏显示:  

  :hidden 匹配不可见的元素  display=”none”  type=”hidden;

  : visible  匹配可见的 

表单属性:

  :enabled   匹配可用的

  :disabled   匹配禁用的表单元素

  :checked  匹配选中的表单元素

  :  selected  匹配的选中的下拉框

  divonly-child  匹配父元素里面只有唯一带有标签的div

  :nth-child()  匹配的是第几个 从1开始的

  .parent()  找的父元素

  .parents(selector)  匹配的是父辈元素(指定选择器) 

 

  

  

原文地址:https://www.cnblogs.com/user-5253/p/7096472.html