7.1.5 jQuery的属性操作

1. html属性操作: 是对文档中的属性进行操作

2. dom属性操作

3. 类样式操作

4. 值操作

======

1.  标签的属性操作

<body>

<script type="text/javascript" src="jquery-3.3.1.js"></script>

<script type="text/javascript">

1. 样式属性操作css('color')获取值

css('color','red') 设置单个值

css({

  key1:value1,

  key2:value2

});

key既可以是驼峰,又可以是margin-left 要给margin-left加引号

2. 标签的属性操作

  attr(key) 获取属性值 

  attr(key,value)设置单个值

  attr({key1:value1,key2:value2}); 设置多个值

 

3. DOM对象属性操作

 

4. 类样式属性操作

addClass()  removeClass()  toggleClass()

 

5. 对值的操作

text()  html()  val()

 

innerText

innerHTML

value

 

6. 对DOM的操作 CRUD 增删改查

 

js中:

setAttribute(key,value)

getAttribute()

  $function(){

    //attr() 有一个参数表示获取属性值

    console.log($('div').attr('title'))

    $('div').attr('id','box');

    //设置属性的时候不要使用此方式来设置类名,使用addClass或removeClass

    $('div').attr('class','box1 box2');

   

    $('a').attr({

      "href":"https://www.baidu.com".

      'title':'哈哈哈'

      })

    //移除标签的属性

    $('div').removeAttr('title id');

  }

</script>

</body>

 

转载于:https://www.cnblogs.com/beallaliu/p/9647835.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值