jquery如何将字体改变为宋体
本篇内容主要讲解“jquery如何将字体改变为宋体”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“jquery如何将字体改变为宋体”吧!
修改方法：1、用css()控制font-family样式，语法“文本元素.css("font-family","宋体")”；2、用attr()设置字体样式，语法“文本元素.attr("style","font-family:'宋体'")”。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
在浏览器中，解析html文档，其文本是有默认字体的。
方法1：使用css()
css() 方法返回或设置匹配的元素的一个或多个样式属性。
只需要利用css() 方法设置font-family属性，并将属性值设置为“宋体”即可。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("#zt").css("font-family","宋体");
});
});
</script>
</head>
<body>
<p>默认字体</p>
<p id="zt">修改字体</p>
<button>将字体改变为宋体</button>
</body>
方法2：利用attr()方法
attr() 方法设置或返回被选元素的属性值。
可利用该方法设置style属性，添加font-family: "宋体";样式即可。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").attr("style","font-family:'宋体'");
});
});
</script>
</head>
<body>
<p>这是一段文本</p>
<p>这是一段文本</p>
<button>将字体改变为宋体</button>
</body>
说明：
font - family属性指定一个元素的字体。
font-family 属性应该设置几个字体名称作为一种"后备"机制，如果浏览器不支持第一种字体，他将尝试下一种字体。
注意: 如果字体系列的名称超过一个字，它必须用引号，如Font Family："宋体"。
该属性的属性值：
| 值 | 描述 |
|---|---|
| 用于某个元素的字体族名称或/及类族名称的一个优先表。 默认值：取决于浏览器。 |
| inherit | 规定应该从父元素继承字体系列。 |
到此，相信大家对“jquery如何将字体改变为宋体”有了更深的了解，不妨来实际操作一番吧！这里是蜗牛博客网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：niceseo99@gmail.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
版权声明：如无特殊标注，文章均为本站原创，转载时请以链接形式注明文章出处。
评论