首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jquery更改样式段落的属性

使用jquery更改样式段落的属性
EN

Stack Overflow用户
提问于 2018-02-13 23:19:10
回答 2查看 30关注 0票数 1

我有以下风格:

代码语言:javascript
运行
复制
#menu-content p
{
font-family: Verdana, sans-serif;
font-variant: small-caps;
font-size: 2.5vmin;
font-weight: 100;
}

我该如何使用jquery更改字体粗细?对我来说,调用的语法不清楚。会不会是

代码语言:javascript
运行
复制
$("#menu-content p").css ("font-weight", "150");

代码语言:javascript
运行
复制
$("#menu-content").$("p").css ("font-weight", "150");

我两个都试过了,似乎都不管用。

EN

回答 2

Stack Overflow用户

发布于 2018-02-13 23:23:37

您需要更改它,以便具有visible effect的内容-那么您的第一个调用是正确的,假设调用时页面中存在被访问的元素:

代码语言:javascript
运行
复制
$(function() { // when page has loaded - you might have missed this 
  setTimeout(function() { // just for the demo
    $("#menu-content p").css ("font-weight", "550"); 
    $("#menu-content p").html("Now font-weight: 550")
  },2000);
});  
代码语言:javascript
运行
复制
#menu-content p {
  font-family: Verdana, sans-serif;
  font-variant: small-caps;
  font-size: 10vmin 1rem;
  font-weight: 100;
}
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Wait 2 secs
<div id="menu-content"><p>Initial font-weight: 100</p></div>

票数 0
EN

Stack Overflow用户

发布于 2018-02-13 23:22:06

您只能更改id,因为它是唯一的:

代码语言:javascript
运行
复制
$("#menu-content").css("font-weight", "150");
票数 -3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48770038

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档