AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

jQuery css() 使用

2023-09-28 38
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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>
文章标签：
JavaScript
前端开发
关键词：
jQuery CSS
CSS jquery
卡尔特斯
目录
相关文章
疯狂的猿
|
6月前
jQuery+CSS3自动轮播焦点图特效源码
jQuery+CSS3自动轮播焦点图特效源码
疯狂的猿
63 1
jQuery+CSS3自动轮播焦点图特效源码
杀死一只知更鸟debug
|
2月前
|
JavaScript 前端开发
jQuery 操作 DOM 及 CSS
本文介绍了如何使用jQuery进行DOM操作和CSS样式的修改，包括如何获取和设置元素的文本内容、属性值、添加和删除元素，以及如何使用jQuery的addClass、removeClass、toggleClass、hasClass和css方法来操作元素的CSS。通过示例代码，展示了jQuery在实际开发中的便捷性。
杀死一只知更鸟debug
34 1
jQuery 操作 DOM 及 CSS
听白
|
2月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
听白
15 2
听白
|
2月前
|
前端开发 JavaScript
jQuery css() 方法
jQuery css() 方法
听白
20 3
听白
|
2月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
听白
16 1
听白
|
2月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
听白
27 5
听白
|
2月前
|
前端开发 JavaScript
jQuery css() 方法
jQuery css() 方法
听白
14 1
听白
|
2月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
听白
29 0
爱你三千遍斯塔克
|
5月前
|
移动开发 JavaScript 前端开发
rem的适配方案，css文件和js文件的引入方式，特色小边框的制作，DS-Digital.ttf数字展示屏的使用方法：，自适应图片 background-size，jQuery爆bug,a和盒子居中,
rem的适配方案，css文件和js文件的引入方式，特色小边框的制作，DS-Digital.ttf数字展示屏的使用方法：，自适应图片 background-size，jQuery爆bug,a和盒子居中,
爱你三千遍斯塔克
139 0
G佳伟
|
5月前
|
JavaScript 前端开发
js,jq,jquery删除css属性
js,jq,jquery删除css属性
G佳伟
39 0