Question

请在此处查看我的代码：

<div id="one">
<div class="options-parameters-input">
This is testing
</div>
</div>
<br /><br /><br /><br /><br /><br /><br />
<table width="750" border="1" cellspacing="3" style="float:left;">
  <tr>
    <td>Type font size</td>
    <td><textarea id="DN"></textarea></td>
  </tr>
</table>

var DN = document.getElementById("DN");
DN.addEventListener("keyup",both);

function both(){
document.getElementsByClassName("options-parameters-input")[0].style.fontSize = this.value+'px';
}

链接到jsfiddle：

http://jsfiddle.net/gxTuG/95/

但我需要使用jQuery - css（）方法

像这样：

$("p").css("background-color", "yellow");

但我不知道该怎么做，以便我可以从textarea插入值或输入？例如，字体大小。

我的问题是：如何使用上面的代码执行相同的操作，但使用.css方法？

请你写代码作为例子吗？我试过但不幸的是我失败了因为我还是初学者

谢谢

Answer 1

我不确定你想如何应用这个风格，所以我将告诉你如何使用jQuery，javascript或css。你选择了你需要的东西：）

jQuery的：

var mySize = '15'
$('p').css({'background-color' : 'yellow'});
$('p').css({'font-size' : '10px'});
$('p').css({'font-size' : mySize+'px'});

的javascript：

var element = document.getElementsByTagName("p"); //get all p elements
element.style.backgroundColor = "yellow"; //change background color
element.style.fontSize = "10px"; //change font-size

的CSS：

.p {
    background: yellow;
}

如何使用纯JS中的jQuery .css（）方法？

1 个答案: