50,553
社区成员
发帖
与我相关
我的任务
分享怎么把下面js代码转为jquery
<fieldset>
<legend>发表评论</legend>
<form action="#" method="post" id="myform">
<input id="username" type="text" required placeholder="请输入账号"/>
<br />
<textarea id="content" required placeholder="请输入评论内容"></textarea>
<br />
<input type="submit" value="提交" />
</form>
</fieldset>
<div id="div1">
<span>评论</span>
<button id="clearBtn">清空信息</button>
</div>
<div id="div2">
</div>
<script type="text/javascript">
var input1 = document.getElementById('username');
var text1 = document.getElementById('content');
var myform = document.getElementById('myform');
var div2 = document.getElementById('div2');
var arrObj = [];//创建数组，存储obj对象--->转为json，存储localStorage
myform.addEventListener('submit',function(evt){
var e = evt || window.event;
e.preventDefault();//去除默认事件
addCommont();
})
showLocalStroage();
function addCommont(){
var obj = new Object();//创建对象，用于存储评论信息
obj.username = input1.value;
obj.commont = text1.value;
var now = new Date();
obj.time = now.getMonth()+1+"月"+now.getDate()+"日 "+now.getHours()+":"+now.getMinutes()+":"+now.getSeconds();
var objDiv = document.createElement('div');
objDiv.setAttribute('class','list');
var str = "";
str += "<h3>"+obj.username+"</h3>";
str += "<p>"+obj.commont+"</p >";
str += "<p>"+obj.time+"</p >";
str += "<button>删除</button>"
objDiv.innerHTML = str;
console.log(str);
div2.insertBefore(objDiv,div2.firstElementChild);//div2.children[0]
input1.value = "";
text1.value ="";
arrObj.unshift(obj);//obj2 obj1
var jsonStr = JSON.stringify(arrObj);
localStorage.setItem('data2',jsonStr);
}
function showLocalStroage(){
var jsonStr = localStorage.getItem('data2');
console.log(jsonStr);
if(jsonStr == null){
console.log('localStorage中没有数据。。')
}else{
arrObj = JSON.parse(jsonStr);//obj2,obj1
console.log(arrObj.length);
...全文
请发表友善的回复…
发表回复
