jQuery基本属性、class属性、value属性、基本样式、标签宽高

基本属性

  • .attr() 方法设置或返回被选元素的属性值,该方法返回的数是纯数字。
  • var a = $(“#tb”).attr(“width”);获得属性值
  • $(“#tb”).attr(“bgcolor”,“#ffad00”);设置单个属性值
  • $(“#tb”).attr({“width”:“600”,“height”:“100”,“bordercolor”:“green”,“bgcolor”:“#ffffff”});设置多个属性值
  • $(“#tb”).removeAttr(“border”);移除属性(移除border属性)

class属性

  • $(“#div1”).addClass(“cla”);添加样式
  • $(“#div1”).removeClass(“cla”);移除样式
  • $(“#div1”).toggleClass(“cla”);在添加和移除间切换
    进阶自查

value属性

  • <textarea id="txt" cols="50" rows="5">这是一个文本区</textarea>
  • //var str = $(“#txt”).attr(“value”);
  • 主var str = $(“#txt”).val();获得value属性值
  • $(“#txt”).val(“请留下评论内容…”);设置value属性值

基本样式

  • var a = $(“#div1”).css(“width”);获得样式宽高,返回200px
  • $(“#div1”).css(“border”,“5px solid red”);设置边框样式
  • $(“#div1”).css({“border”:“1px solid blue”,“width”:“500px”,“height”:“200px” });同时设置多个样式

标签位置

  • var a = $(“#div1”).offset().left;获得标签左边距

标签宽高

  • var a = $(“#div1”).width();获得标签宽高,返回纯数字
  • $(“#div1”).width(200);设置标签宽高,不可带px
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值