关于前端页面js和jqery的一些比较常用的小知识点

关于前端页面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