jquery选择器使用
jquery选择器
- #id选择器
jquery能够使用css选择器来操作网页中的标签元素。如果你想要通过一个ID号去查找一个元素，$('#my_id')，其中#my_id表示根据ID选择器获取页面中的指定标签元素，且返回唯一一个元素。 - element选择器
其中element就是元素的名称 - .class选择器
$('.class')其中, .class参数表示元素的css类别(类选择器名称) - sele1,sele2,…,seleN选择器
有时需要精确的选择任意多个指定的元素。$('sele1,sele2,...seleN'),其中sele1，sele2到seleN为有效选择器，每个选择器之间用逗号来隔开。它们可以是之前提及的各种类型选择器，如$('#id'),$('.class'),$('selector')选择器等。 - ance , desc 选择器
$('ance desc'),其中ance,desc是使用空格隔开的两个参数,ance表示父元素,desc表示后代元素，包括子元素，孙元素等。两个元素都可以通过选择器来获取。 - parent > child
$('parent > child')，它所选择的目标是子集元素，相当于一个家庭中的子辈们，但不包括孙辈。 - prev + next 选择器
$('prev + next'),查找与”prev”元素紧邻的下一个”next”元素，并且只返回唯一一个元素。 - prev ~ siblings选择器
$('prev ~ siblings')获取prev元素后边全部紧邻的元素。 - :first 过滤选择器
$('li:first')得到一组相同标签中的第一个元素。 - :eq(index)过滤选择器
$('li:eq(3)')在一组标签元素数组中，灵活选择任意一个标签元素。 - :contains(text)过滤选择器
希望按照文本内容来查找一个或多个元素，功能是选择包含指定字符串的全部元素。 - :has(selector)过滤选择器
$('li:has('p')')是获取选择器中包含指定元素名称的全部字符。 - :hidden过滤选择器
获取全部不可见的元素，这些不可见的元素包括type属性值为hidden的元素，如$('p:hidden')。 - :visible过滤选择器
获取全部的可见元素，也就是说，只要不将元素的display属性值设置为none,那么都可以获取该标签。 - [attribute]包含属性选择器
用于选择包含给定属性的所有元素 - [attribute=value]属性等于选择器
获取与属性名和属性值完全相同的全部元素，其中[]是专用于属性选择器的括号符。 - [attribute!=’value’]属性不等于选择器
获取不包含属性名，或者与属性名和属性值不相同的全部元素 - [attribute|=’value’]属性选择器
获取指定属性值等于给定字符串或以字符串为前缀(该字符串后跟一个连字符‘-’)的元素 - [attribute*=’value’]属性包含过滤器
用于选择指定属性值包含给定字符串的所有元素 - [attribute~=’value’]属性包含单词过滤器
用于选择指定属性值中包含给定单词(由空格分隔)的元素 - [attribute^=’value’]属性开始过滤器
用于选择给定属性是以特定值开始的所有元素 - [attribute$=’value’]属性结尾过滤器
用于选择给定属性是以某特定值结尾的所有元素 - :first-child 获取属于其父元素和所有兄弟元素的第一个元素
- :last-child 获取每个父元素中返回的最后一个子元素
- :img图像域选择器
当一个input元素的type属性值设为”image”时，该元素就是一个图像域，```$(‘#form :img’) - :button表单按钮选择器
获取’type’值为button的input和button这两类普通元素 - :checked选择状态选择器(复选框，单选按钮)
获取处于选重状态的全部元素 - :select 选中状态选择器
只能获取select下拉列表框中全部处于选中状态的option选项元素。