JQUERY对HTML元素的属性操作、选择匹配特定索引的元素

.eq(索引)：选择匹配的元素中的特定索引元素

如：$('div').eq(1)：选择第 2 个 div

.filter(条件)：选择匹配的元素中的满足条件的所有元素

如：$('div').filter('.ss')：选择所有 div 中的 class 值为 ss 的元素

.is(条件)：如果匹配的元素满足条件则返回真

如：$('div').eq(1).is('.cc').css('color','red')：如果第 2 个 div 的 class 为 cc，就会改变颜色，否则不会有任何改变

.map():

var str = $('p').map(function(){

return $(this).text();

}).get().join(',');

.slice(索引1，索引2)：选择匹配的元素索引特定区间的元素

$('p').slice(1,3)：选择第 2 个到第 4 个 p 元素

.find(条件)：选择匹配的元素的子元素中所有满足条件的元素

如：$('div').find('.cc')：选择 div 中所有的 class 为 cc 的元素

.parent()：选择匹配的元素的父元素

如：$('div.aa').parent()：选择 div 的 class 值为 aa 的父元素

.parents([条件])：选择匹配元素的所有祖先元素中满足条件的元素

如：$('.aa').parents('.cc')：选择 class 值为 aa 的元素的祖先元素中 class 值为 cc 的所有元素

.closest(条件)：选择匹配元素的祖先元素中与其最近的满足条件的一个元素

如：$('span').closest('.cc')：选择离 span 最近的祖先元素中 class 值为 cc 的元素

.end()

.attr(属性名，[属性值])：得到或设置匹配元素的属性

如：$('div').attr('class','aa')：把所有 div 元素的 class 属性设置为 aa

    $('div').attr({class:'aa',name:'sss'})：把所有 div 元素的 class 属性设置为 aa 把 name 属性设置为 sss

    .prop()和.attr()使用起来很相似，但用于获取 checked、selected 等值时，attr 返回的是 undefined 或一个字符串

    prop 返回的是布尔值

.removeAttr(属性)：删除匹配元素的属性

如：$('div').removeAttr('name')：删除所有 div 的 name 属性

    $('div').removeAttr('name class')：删除所有 div 的 name 属性和 class 属性

.removePror()：取消 prop 设置的属性值

.addClass(属性值)：为匹配元素添加一个 calss 属性

如：$('span').addClass('aa')：为所有的 span 添加一个 class，值为 aa

.removeClass(属性值)：删除匹配元素的 class 属性

.toggleClass(属性值)：如果匹配元素有该属性值，则删除，否则添加

.html([内容])：获取或设置匹配元素的 html 内容

如：$('span').html()：得到 span 中的 html 内容

    $('span').html('中国')：把 span 中的 html 内容改变成‘中国’

.text([内容])：与.html()相似，但 text() 无法操作 HTMl 代码

.css(属性[,值])：得到或设置 CSS 属性

如：$('div').css('color','red')：设置所有 div 的颜色为红色

    $('div').css({color:'red',width:'200px'})

.offset()：得到匹配元素的绝对偏移

可以通过.top,.left来得到这些值

.position()：和.offset()相似

.scrollTop([值])：得到或设置滚动条的上下位置

.scrollLeft([值])：得到或设置滚动条的左右位置