jQuery-给元素设置style和元素取值(二)

设置样式

  • 设置单个样式: jQuery对象.css(name,value);

  • 设置多个样式:

    jQuery对象.css({

    name:value,

    name:value,

    name:value,

    name:value

    });

 1-给元素设置style

    <div></div>
    <script>
      // 给元素设置style
      $('div').css({
        width: 200,
        height: 150,
        background: 'red'
      })
    </script>

效果:

2-获取元素的值:

    <div></div>
    <script>
      // 给元素设置style
      $('div').css({
        width: 200,
        height: 150,
        background: 'red'
      })
      // 获取元素的值
      var v = $('div').css('width')
      // 如果直接打印v会在控制台转成字符串
      console.log(v)
      // 如果加上parseInt这个方法会取前面2个值
      console.log(parseInt(v))
    </script>

效果:

猜你喜欢

转载自blog.csdn.net/weixin_43595461/article/details/90707735