是否可以保存我使用 jquery 对 DOM 元素所做的修改? 我想要的是:在您插入十六进制代码后,输入文本和“#div1”颜色已更改,当您重新加载页面时,您插入的颜色将被保存。 这是我的代码:
<html>
<body>
<head>
<script type="text/javascript" src="jquery-1.9.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<div id="div1">
<input type="text" id="ui"/>
<input type="button" onclick="ct()" value="enter hex color"/>
</div>
<script type="text/javascript">
function ct(){
$('#div1').css('background-color', "#" + $('#ui').val());
}
</script>
</body>
</html>
最佳答案
创建一个简单的 JQuery cookie 来存储值。然后在页面加载时引用 cookie!
我建议为按钮使用“id”,但此代码使用带有 JQuery 选择器的 HTML 示例代码
$(document).ready(function() {
//store value
$('input[type=button]').click( function () {
$.cookie("color", null); //clear cookie in order to set the value
$.cookie("color", $('#ui').val() ); //set cookie
$('#div1').css('background-color', "#" + $.cookie("color") );
});
//reference cookie to set the color, happens on every HTML page load
$('#div1').css('background-color', "#" + $.cookie("color"));
});
关于php - 如何保存对 DOM 元素所做的修改?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16571712/