Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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 用jquery更改html结构可行吗?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 用jquery更改html结构可行吗?

Javascript 用jquery更改html结构可行吗?,javascript,jquery,html,Javascript,Jquery,Html,这是我的html代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="jquery-1.9.1.min.js"></script> </head> <body> <form action=&q

这是我的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>

$(“#我的按钮”)。单击(函数(){ var data=$(“#myInput”).val(); $(“#myOutput”).val(数据); });
假设现在我的代码是

jQuery能够更改代码吗

比方说,如果我以某种方式键入红色,那么代码将是

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

差不多吧


不是只想更改类、样式或宽度,只是想知道我是否可以使用文本区域输入,然后在提交之后,代码的值可能会发生这样的更改…

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

用于设置值

$( '#myOutput' ).css( "color"); 
$('myOutput').css(“颜色”、“红色”)

用于获取值

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

能否使用jQuery根据输入值修改元素的css?是的,是的,你可以。使用.css()函数来实现它。阅读这里的文档啊..我想的不仅仅是css,我想的是更复杂的东西,但是我脑子里没有任何代码,所以我想一些简单的代码可能会回答我..真的很抱歉我的不好。我想我应该有我的第一个。