0

这是我的html代码:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">

  <title></title>
  <script src="jquery-1.9.1.min.js"></script>
   
</head>
<body>

<form action=" " method="post">
<input id="myInput" type="text"/>
<input id="myButton" type="button" value="submit"/>
<p id="myOutput" style="color: yellow; background: black; width: 100px;"></p>
</form>
<script>
    $("#myButton").click(function() {
        var data = $("#myInput").val();
        $("#myOutput").val(data);
    });
</script>
</body>

假设现在我的代码是

<p id="myOutput" style="color: yellow; background: black; width: 100px;"></p>

jQuery 可以更改代码吗?

假设如果我以某种方式输入红色,那么代码将是

<p id="myOutput" style="color: red; background: black; width: 100px;"></p>

如果我有另一个输入文本区域并输入 200 那么代码将是

<p id="myOutput" style="color: yellow; background: black; width: 200px;"></p> 类似的东西。

并不是只想更改类或样式或宽度,而是想知道我是否可以使用文本区域输入,然后在提交之后,代码的值可能会改变类似的东西......

4

1 回答 1

2

是的,您主要可以使用 JQuery 操作所有 HTML 代码。

用于设置值

$( '#myOutput' ).css( "color", "red" );

为了获得价值

$( '#myOutput' ).css( "color"); 

http://api.jquery.com/css/

于 2013-11-08T06:13:10.410 回答