Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用多个类更改字体_Javascript_Jquery_Html_Css - Fatal编程技术网

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());