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

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([值]):得到或设置滚动条的左右位置


最后编辑于:2019/09/16作者: 牛逼PHP

发表评论