关于前端页面js和jqery的一些比较常用的小知识点
JS中Object对象与json的转换
js对象转json数据:
JSON.stringify();
json数据转js对象:
JSON.parse();
JS中对cookie进行写入与取值(以JsessionId举例)
写入:
document.cookie=("JsessionId=" + data.JsessionId);
取值:
var x = document.cookie;
得到的是一个cookie对象 然后根据情况进行分割得到数组再进行具体的操作
JQuery或JS对span标签进行取值或赋值
取值(文本内容):
var x = $("#id").text();
var x = document.getElementById('id').innerText;
赋值:
var x = $("#id").text("123");
var x = document.getElementById("id").innerText = "123";
JQuery或JS对input标签进行取值或赋值
取值:
document.getElementById('id').value;
$('#id').val();
赋值:
document.getElementById('id').value='值';
document.getElementById('id').html('值');
document.getElementById('id').attr('值');
document.getElementById('id').innerText = '值';
$("#name").val('test');
JQuery或JS清空div里面的内容
JS:
document.getElementById('id').innerHTML = "";
JQuery:
$('#id').html("");
JQuery或JS中对相应标签进行隐藏与显示
JS:
隐藏:
document.getElementById("id").style.display="none";
显示:
document.getElementById("id").style.display="block";
document.getElementById("id").style.display="";
上面显示的两个区别是block显示后带有换行元素,""没有换行元素
JQery:
1、$("#id").attr("style","display:none;");//隐藏
$("#id").attr("style","display:block;");//显示
2、$("#id").css("display","none");//隐藏
$("#id").css("display","block");//显示
3、$("#id").hide();//隐藏div
$("#id").show();//显示div