php - 如何保存对 DOM 元素所做的修改?

标签 php javascript jquery html css

是否可以保存我使用 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/

相关文章:

javascript - 使用某些字母验证街道地址时遇到问题

php - 从复选框中获取选中的值,即从数据库中获取数据

php代码直接从数据库计算phpbb中的未读帖子

javascript - 正则表达式确保有效的查询字符串

javascript - 'duplicate' jQuery 伪类选择器的用途是什么?

php - 在jquery/javascript中创建数组的数组

php - 如何获取apache的版本?

php - 打破关于mysql的脚本错误

javascript - 内容高度/宽度更改后如何调整 nyroModal 的大小

javascript - 判断 3 次是否在半小时内的最干净方法