jQuery css() 使用

简介: jQuery css() 使用
+关注继续查看

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="jquery-3.4.1.js"></script>
  <script>
    $(function () {
      // 操作方法1(设置属性): css(json);
      $('div').css({"width": 100, "height": 100, "background-color": 'red'})

      // 操作方法2(设置属性): css(属性,值);
      $('div').css("background-color", 'yellow');

      // 操作方法3(获取属性): css(属性);
      console.log($('div').css("width"));
    })
  </script>
</head>
<body>
  <div></div>
</body>
</html>

相关文章
|
2月前
|
JSON JavaScript 前端开发
jQuery的$工具方法&CSS属性及方法
jQuery的$工具方法&CSS属性及方法
|
2月前
|
JSON JavaScript 前端开发
jQuery$工具方法和CSS的属性经及方法
jQuery$工具方法和CSS的属性经及方法
18 0
|
3月前
|
JavaScript 前端开发 Java
JQuery的使用(工具方法、CSS属性及方法、筛选、文档处理、事件、动画)后续
元素 . animate({属性:属性值 } , time);缩放:width height移动:top left移动本元素,距离:top = "+=" left = "-="上一章:JQuery(入门~选择器)
|
3月前
|
JavaScript 前端开发
jQuery工具方法&CSS属性及方法(详细方法介绍及案例)
jQuery工具方法&CSS属性及方法(详细方法介绍及案例)
28 0
|
3月前
|
JSON 前端开发 JavaScript
jQuery操作CSS
jQuery操作CSS
34 0
|
4月前
|
移动开发 JavaScript 前端开发
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
[HTML CSS JS ES6 JS WebAPI JQuery]学习笔记目录
|
5月前
|
JavaScript 前端开发 Java
HTML+CSS+JS 学习笔记(四)———jQuery
HTML+CSS+JS 学习笔记(四)———jQuery
|
5月前
越往下走,越有味道。认我们走进HTML5+Css3+javaScript+Jquery+web服务器。(二)
越往下走,越有味道。认我们走进HTML5+Css3+javaScript+Jquery+web服务器。(二)
31 0
|
5月前
|
前端开发
越往下走,越有味道。认我们走进HTML5+Css3+javaScript+Jquery+web服务器。(一)
越往下走,越有味道。认我们走进HTML5+Css3+javaScript+Jquery+web服务器。(一)
47 0
相关产品
云迁移中心
推荐文章
更多