JS使用总结:简单标签赋值和取值：span等；实时触发事件

了解一下

作为后台开发，今天使用了前端的技术，做一个总结；包括两部分：
1、简单标签赋值和取值；
2、监控：实时触发事件代码。

简单标签赋值和取值

一般在JS中对标签取值使用的是val(),但是一些简单标签使用的是html(),text(),举个简单的例子：

1.span标签：
<span id="test">test</span>

JS获取值

var context = document.getElementById("test");
console.log('test= '+ context.innerText); 
console.log('test= '+ context.innerHTML); 

JQ获取值

var context = $("#test");
console.log(context.html());//取得值
console.log(context.text());
context.html("context");//设置值

这样的标签还有button , a等标签

实时触发事件代码

JQ的很多事件，其实非常的强大，遇到一个记录一个：

<input name="goods_price" value="9" type="text"  class="text" />
<span id="goods_money"></span>

var storePrice = $('input[name="goods_price"]');//获得该input的位置
storePrice.bind('input propertychange',function () {
	$("#goods_money").html("");//进入方法前，span赋值为空
	var summary=$(this).val();//获得该input的值
	if (parseFloat(summary) < 0) {
		 $("#goods_money").html("商品价格必须大于0");
	}else {
		  $("#goods_money").html(summary);
	}
});