cumting

jquery对象是一种类似数组的对象,可以通过[index]方法获得相应dom对象,jquery对象转换为dom对象

var $cr=$("#cr");  //获取的时jquery对象,要在变量前加上$.

var cr=$cr[0]  //dom对象格式,直接变量名

或者 var cr=$cr.get.get[0];

 

dom对象转换为jquery对象,只需要用$()把dom对象包转起来即可。

var cr =document.getElementById(\'cr\');

var $cr=$(cr);//转换为jqery对象

一.基本选择器

1.#id id选择器   $(\'#test\')

2..class  class选择器  $(".test")

3.element  元素名选择器  $("p")

4.* 匹配所有元素  $("*")

5.selector1,selector2,,,将每个选择器匹配到的元素合并后一起返回  $("div,p")
二.层次选择器

1.$("祖先 后代")  后代选择器  $("div span")选择div里所有span元素

2.$("父>子") 子代选择器  $("div>span") 选择div的所有子元素span

3.$("prev+next") 选取连接在prev元素后的next元素  $(\'.one+div\')选择class为one的下一个div同辈元素,等效于方法 $(\'.one\').next(\'div\')

4.$(\'prev~sibilings\')选取prev元素之后的所有siblings元素  $(\'.one~div\') 选取class为one的元素后面所有div同辈元素,等效于方法$(\'.one\').nextAll(\'div\')

三.过滤选择器

1.基本过滤选择器

:first 选取第一个元素 $("div:first")选取所有div元素中的第一个div元素

:last 选取最后一个元素 $("div:last")选取所有div元素中的最后一个div元素

:not(selector) 去除所有与给定选择器匹配的元素 $(\'input:not(.myClass)\')选取class不是myClass的input元素

:even 选取索引是偶数的所有元素,索引从0开始  $(\'input:even\')选取索引是偶数的input元素

:odd  奇数 $(\'input:odd\')

:eq(index) 选取索引为index的单个元素  $(\'input:eq(1)\')

:gt(index) 选取索引大于index的所有元素 $(\'input:gt(1)\')

:lt(index)选取索引小于index的所有元素 $(\'input:lt(1)\')

:header 选取所有标题元素,h1,h2等  $(\':header\')

:animated 选取正在执行动画的所有元素 $("div:animated")

:focus 选取当前获取焦点的元素 $(\':focus\')

2.内容过滤选择器

:contains(text)选取含有文本"text"的元素$(\'div:contains("我")\')

:empty 选取不包含子元素或者文本的空元素  $(\'div:empty\')

:has(selector) 选取含有选择器所匹配元素的元素 $(\'div:has(p)\')

:parent $(\'div:parent\')选取拥有子元素包括文本元素的div元素

3.可见性过滤选择器

:hidden 选取所有不可见的元素 $(\':hidden\')

:visible 选取所有可见元素

4.属性过滤选择器

[attrbute] 选取拥有此属性的元素 $(\'div[id]\')

[attrbute=value]

[attrbute!=value]不等于

[attrbute^=value]以value开始的元素

[attrbute$=value]以value结束的元素

[attrbute*=value]含有value的元素

[attribute|=value]选取属性等于给定字符串或以字符串为前缀(以-连字符连接)

[attribute~=value]选取属性用空格分隔的值中包含一个给定值得元素

[att1][att2][att3]复合属性选择器,每选择一个缩小一次范围。

5.子元素过滤选择器

:nth-child(index/even/odd/equation)选取每个父元素下的第index个子元素,从1算起 ,eq()只匹配一个,从0开始

:first-child  $(\'ul li:first-child\')

:last-child

:only-child 如果某个元素是它父元素中唯一的子元素,那么他将被匹配

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

:enabled 选取所有可用元素  $(\'#formq:enabled\')

:disabled 选取所有不可用元素

:checked 选取所有被选中的元素

:selected 选取所有被选中的选项元素

四.表单选择器

:input 选取所有input,textarea,select和button元素

:text 选取所有单行文本框 $(\':text\')

:password 选取所有密码框

:radio 选取所有单选框

:checkbox

:submit 选取所有提交按钮

:image 选取所有图像按钮

:reset

:button 选取所有按钮

:file 选取所有上传域

:hidden 选区所有不可见元素

分类:

技术点:

相关文章:

  • 2021-12-10
  • 2021-04-29
  • 2021-12-25
  • 2021-06-25
  • 2021-10-31
猜你喜欢
  • 2022-02-07
  • 2021-05-29
  • 2021-11-17
  • 2021-06-24
  • 2022-01-20
  • 2022-12-23
  • 2021-12-19
相关资源
相似解决方案