jQuery 选择器、DOM操作、事件、动画

2020-05-22 17:06:50易采站长站整理



$(“input:lt(1)”)选取索引小于1的input元素 (小于1不包括1)




$(“:header”)选取网页中所有的h1、h2……




$(“div:animated”)选取正在执行动画的div元素


(2)内容过滤器













$(“div:contains(‘我’)”)选取含有文字“我”的div元素


$(“div:empty”)选取不包含子元素(包含文本元素)的div空元素


$(“div:has(p)”)选取含有p元素的div元素


$(“div:parent”)选取拥有子元素(包含文本元素)的div元素


(3)可见性过滤选择器









$(“:hidden”)选取所有不可见的元素。包括<input type=”hidden”/>,<div style=”display:none;”>和<div style=”visibility:hidden;”>等元素。如果只想选取<input>元素,可以使用$(“input:hidden”)


$(“div:visible”)选取所有可见的<div>元素


 (4)属性过滤选择器



















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


$(“div[title=test]”)选取属性title为test的div元素


$(“div[title!=test]”)选取属性title不是test的div元素(没有属性title的div也会被选取)


$(“div[title^=test]”)选取属性title以test开始的div元素


$(“div[title$=test]”)选取属性title以test结束的div元素


$(“div[title*=test]”)选取属性title包含test的div元素


$(“div[id][title$=’test’]”)选取拥有属性id,并且属性title以test结束的div元素


(5)子元素过滤选择器







:eq(index)只匹配一个元素,而:nth-child将为每一个父元素匹配子元素,并且:nth-child(index)的index是从1开始的,而:eq(index)是从0算起的