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

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

  • 了解一下
    • 简单标签赋值和取值
    • 实时触发事件代码

了解一下

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

简单标签赋值和取值

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

1.span标签:
test

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的很多事件,其实非常的强大,遇到一个记录一个:




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);
	}
});

你可能感兴趣的:(JAVA猿-前端日记,JS,JQ)