Monthai: jQuery属性操作总结

原创 2018-11-10 15:38:07 5
摘要:属性获取/修改没有严格界限,能获取就能修改。alert($('div').css('color')) //只能获取行间样式 $('div').css('color','red') //可覆盖原来的color值 alert($('span').text()) //返回span

属性获取/修改

没有严格界限,能获取就能修改。

alert($('div').css('color')) //只能获取行间样式
$('div').css('color','red') //可覆盖原来的color值
alert($('span').text()) //返回span中的内容
$('span').text('此内容可覆盖原来的文本内容')
alert($('p').html()) //与text()类似,但更强大
$('p').html('<h1>将p替换为h1</h1>') //可以插入标签
alert($('input').val()) //返回input的value值
$('input').val('changed') //修改input的value值

class获取/操作

无论是添加还是删除,都仅针对行间,不能修改样式表。

$('div').addClass('box main') //添加名为box和main的类;执行后class="box main",多个类,用空格隔开
$('div').removeClass('box') //添加至行间,从行间移除
alert($('p').attr('class')) //返回class名
$('p').attr('class','navi') //将class属性值设置为navi,没有后者即返回原值
$('img').removeAttr('src') //移除属性
alert($('div').hasClass('box')) //返回是否hasClass('box'),布尔值
$('span,b').toggleClass('bb') //在span、b标签中添加类名bb,并调用样式表样式,再次执行删除以还原

jqToggle.png

END

批改老师:韦小宝批改时间:2018-11-10 16:12:06
老师总结:嗯!写的很不错啊!不要骄傲!课后记得多多练习!加油吧!骚年!

发布手记

热门词条