Javascript 使用多个类更改字体
我想知道如何使用类更改文本字体我有多个不同类的文本我想能够编辑所有文本而不添加其他下拉列表我相信更改需要在脚本中进行请帮助我Javascript 使用多个类更改字体,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想知道如何使用类更改文本字体我有多个不同类的文本我想能够编辑所有文本而不添加其他下拉列表我相信更改需要在脚本中进行请帮助我 $(“#fs”).change(函数(){ //警报($(this.val()); $('.boy').css(“字体系列,$(this.val()); }); $(“#大小”).change(函数(){ $('.boy').css(“字体大小”,$(this.val()+“px”); }); 你好,世界 你好,世界 你好,世界 但是,应该避免使用选择器。对于所有div
$(“#fs”).change(函数(){
//警报($(this.val());
$('.boy').css(“字体系列,$(this.val());
});
$(“#大小”).change(函数(){
$('.boy').css(“字体大小”,$(this.val()+“px”);
});代码>
你好,世界
你好,世界
你好,世界
但是,应该避免使用选择器。对于所有div
使用相同的class
,以遵循相同的字体样式
$(“#fs”).change(函数(){
//警报($(this.val());
$('.boy').css(“字体系列,$(this.val());
});
$(“#大小”).change(函数(){
$('.boy').css(“字体大小”,$(this.val()+“px”);
});代码>
你好,世界
你好,世界
你好,世界
我不确定,但这两种解决方法都适合你
方法1:
您可以在jquery选择器中添加多个类,并通过css方法更改字体代码>
方法2:每次添加多个类会很累,所以要么像这样将所有div包装到另一个div中
<div id="wrapper">
<div id="something" class="boy">hello world</div>
<div id="something1" class="boy1">hello world</div>
<div id="something2" class="boy2">hello world</div>
</div>
我需要的是单独更改,而不是全部更改。如果您需要,您需要(在页面上)选择要设置样式的元素。请注意双引号<代码>“
”是“
。
<div id="wrapper">
<div id="something" class="boy">hello world</div>
<div id="something1" class="boy1">hello world</div>
<div id="something2" class="boy2">hello world</div>
</div>
$("#wrapper >div").css("font-family", $(this).val());