jQuery基本过滤选择器使用介绍_jquery



代码如下:


1.简单过滤选择器：根据某类过滤规则进行元素的匹配，书写时都以冒号（：）开头；简单过滤选择器是过滤选择器中使用最广泛的一种
jQuery选择器详解
根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中，在过滤选择器中有可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6种
-->

标记用户显示主题，创建标记并在其中放置四个

,再创建一个标记，用于执行动画效果。通过简单过滤选择器获取元素，将选中的元素改变其类名称，从而突出其被选中的状态-->



$(function () { //增加第一个元素的类别
$('li:first').addClass('GetFocus');
})
$(function () { //增加最后一个元素的类别
$('li:last').addClass('GetFocus');
})
$(function () { //增加去除所有与给定选择器匹配的元素类别
$('li:not(.NotClass)').addClass('GetFocus');
})
$(function () { //增加所有索引值为偶数的元素类别，从0开始计数
$('li:even').addClass('GetFocus');
})
$(function () { //增加所有索引值为奇数的元素类别，从0开始计数
$('li:odd').addClass('GetFocus');
})
$(function () { //增加一个给定索引值的元素类别，从0开始计数
$('li:eq(1)').addClass('GetFocus');
})
$(function () { //增加所有大于给定索引值的元素类别，从0开始计数
$('li:gt(1)').addClass('GetFocus');
})
$(function () { //增加所有小于给定索引值的元素类别，从0开始计数
$('li:lt(4)').addClass('GetFocus');
})
$(function () { //增加标题类元素类别
$('div h1').css('width', '238');
$(':header').addClass('GetFocus');
})
$(function () {
animateIt(); //增加动画效果元素类别
$('#spnMove:animated').addClass('GetFocus');
})
function animateIt() { //动画效果
$('#spnMove').slideToggle('slow', animateIt);
}

基本过滤选择器

Item 0

Item 1

Item 2

Item 3

Span Move