jQuery

Posted 2020-09-26 Code_User

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  匹配的选中的下拉框

 

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

 

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

 

　　.parent()  找的父元素

 

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