网页端&小程序的前端note：赋值

小程序中给wxml页面赋值的方法有且仅有一种
个人认为在wxml页面的id属性以修饰为主

<input class="edit-text" type="text" id='tableNum' name="tableNum" value="{{tableNum}}" maxlenth ="10"/>
<view class="mc step2-in-con">{{address.receiveAddress.Province}}{{address.receiveAddress.City}}{{address.receiveAddress.Area}}{{address.receiveAddress.detailAddress}}</view>
<view class="order-entry-price">￥{{item.price}}</view>

在xx.js中的onload方法进行初始化赋值

      this.setData({
        order: { 
          orderGoods: orderGoods, 
          goodsMoney: totalPrice, 
        },
        //注意对象{}是完整的个体，不能拆分赋值
        totalMoney: totalPrice, 
      });

web端
使用js给页面动态赋值，

简单的页面
<span id="tableNo" class="tableNo"></span>
<div class="clearfix">
    <label class="remark">备注</label>
    <textarea id="remark" onchange="checkLength(this)"></textarea>
</div>
<span class="add"></span>
<input id="take-out" type="radio" class="input-radio" name="model" value="1">外卖

//一般是根据页面组件id赋值
$('#info-name').text($("#customName").val());
$('#info-sex').text(sex == 1 ? '男' : '女');
$("#orderMoney").text("￥"+orderTotalMoney);
//根据class的名称
$(obj).find('.recharge-count').text(json.rechargeCount ? json.rechargeCount : 0);
//返回或设置被选元素的值
$("#remark").val("免运费");
$(".add").empty();
function checkLength(obj){ 
    var length = $(obj).attr("maxlength");
}
//返回或设置被选元素的内容
$(".add").html(Province+City+Area+detailAddress);
$(".s2-name").text(address.receiver);
$("#take-out").prop("checked",true);