前端第十五课：javascript基础4-PHP培训九期线上班

一、常用jquery属性选择器案例

伪类选择器

:first

选择第一个匹配的元素

var obj = $('div:first');

:eq(index)

匹配索引值为index的元素

var obj = $('div:eq(1)');

:gt(index)

大于给定index的元素

var objs = $('div:gt(1)');

:lt(index)

小于给定index的元素

var objs = $('div:lt(1)');

:last

选择最后一个匹配的元素

var obj = $('div:last');

属性选择器

attribute

选择所有具有指定属性的元素，例中具有id属性

var objs = $('div[id]');

attribute=value

选择所有具有指定属性的元素，例中具有id属性

var objs = $('div[class="mydivs"]');

attribute!=value

选择所有不等于指定属性的元素

var objs = $('div[class!="mydivs"]');

attribute^=value

选择指定属性以value开头，例div中class以my开头的元素

var obj = $('div[class^="my"]');

attribute$=value

选择指定属性以value结尾，例div中class以my结尾的元素

var obj = $('div[class^="my"]');

attribute*=value

选择指定属性包含value，例div中class包含btn-primary的元素

var obj = $('div[class*="btn-primary"]');

子元素选择器

:first-child

选择所有父级元素下的第一个子元素，例查找所有div下面的第一个p标签

var objs = $('div p:first-child');

二、常用jquery表单对象属性案例

表单对象属性

:checked

匹配所有勾选的元素，这个 :checked 选择器适用于复选框 （checkbox） ，单选框（radio button），和select元素的option元素。<br />对于检索select元素选中的选择项（option）, 请使用 :selected选择器。

var status = $('input[name="status"]:checked').val();

:selected

匹配所有选中的option元素

var status = $('select[name="province"]').val();
//返回select中选中的value
var status = $('select[name="province"]').text();
//返回select中所有text
var province = $('select option:selected').val();
//返回select中选中的value
var province = $('select option:selected').text();
//返回select中选中的text