![](/img/trans.png)
[英]How do you create and modify popover in Bootstrap 5 using jquery?
[英]How do you modify the CSS using an input box in JQuery
这是我试图开始工作的代码,我无法弄清楚为什么JQ不会从输入框中提取#cols1变量。
这是我正在使用的代码的基本示例。
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-2.1.0.min.js'>
</script>
<script type='text/javascript'>
function changeCon()
{
var cols1 = $('#col1').value;
$('#div1').html('Random text');
$('#div1').css({ backgroundColor: "#cols1" });
}
function startup()
{
$('#bt1').click(changeCon);
}
$(startup);
</script>
</head>
<body>
<input id='col1' type='text' /> <br />
<div id="div1">text div.</div>
<input type="button" id="bt1" value="Submit" />
</body>
</html>
如果有人知道为什么,那就太好了。
像这样做
var cols1 = $('#col1').val();
$('#div1').html('Random text');
$('#div1').css({ backgroundColor: "#" + cols1 });
要么
var cols1 = $('#col1')[0].value;
$('#div1').html('Random text');
$('#div1').css({ backgroundColor: "#" + cols1 });
jQuery对象没有value
属性(表示HTML表单控件的DOM元素却没有)。 jQuery对象具有val()
方法 。
$('#div1').css({ backgroundColor: '#'+cols1 });
而不是"#cols1"
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.