前端总结
jquery
//隐藏div的元素 class backed 表示选中状态高亮 id 指定绑定元素 onclike 绑定单击事件的方法, style :
//style:"diplay:none"默认隐藏 "diplay:block"默认选中
//需要注意 引入的js,没有可以网上下载 很多网站有,如果出现不能显示效果 可能存在版本问题
<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
<div class="shoucang" id="content22" onclick="content()" style="display:none">收藏</div>
<div class="shoucang backred" id="iscontent" onclick="iscontent()" style="display:none">已收藏</div>
//js代码部分:
<script>
//点击收藏触发,将收藏变成已收藏
function content(){
//获取要显示的div对象
$("#content22").css('display','none');
$("#iscontent").css("display","block");
saveOrUpdateNotes();//收藏方法
}
//点击已收藏触发,将已收藏变成收藏
function iscontent(){
$("#content22").css('display','block');
$("#iscontent").css("display","none");
saveOrUpdateNotesdel()//取消收藏
}
</script>
//如果想初始状态根据后台查询的状态来判断是收藏还是没有收藏可根据一下代码做参考
// 查看是否收藏
function findNotesByUser(){
var data = {
"infoId":infoId,
"userId":userId
};
console.log(data)
$.ajax({
type : "POST",
dataType : "json",
url : "http://192.168.4.197:8080/uap/sxykt/rest/notesInfo/findNotesByUser",
data : data,
cache : false,
async : false,
success : function(obj) {
console.log(obj.returnCode);
if (obj.returnCode == 0) {
console.log(obj.obj.length);
if (obj.obj.length>0) {
//让
console.log(obj.obj.length);
//如果后台查询有数据则,讲初始状态设为已收藏
$("#iscontent").css("display","block");
$("#content").