返回Monthai......登陆

Monthai: jQuery属性操作总结

Monthai2018-11-10 15:38:07261

属性获取/修改

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

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

最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送