js css 基础小结（二）

1，

  $(".radio-inline").change(
      function () {
        var id = $("input[name='xxx']:checked").val();
        if (id == 0) {
          $("#select").hide();
          $("#butt").hide();

          $("#text").show();
        } else if (id == 1) {
          $("#select").show();
          $("#butt").show();

          $("#text").hide();
        }
      });

 <label class="radio-inline">
          <input type="radio" name="xxx" value="0" v-model="xxx.xx"/> 文本1
        </label>
        <label class="radio-inline">
          <input type="radio" name="xxx" value="1" v-model="xxx.xx"/> 文本2
        </label>

这是根据页面radio元素的改变隐藏不同元素的代码块

2，

<select id="select" v-model="xxx.xx">
          <option v-for="item in list" :value="item.xxx">
            {{ item.xxx }}
          </option>
        </select>

var vm = new Vue({
  el: '#xxx',
  data: {
    layoutList: {},
   

  },
  methods: {
getLayoutList: function () {
function getLayoutList() {
  $.get('../../xxx/select/', function (r) {
    vm.List = r.rows;
  });
}) } }})

这是select在vue在下的用法，自动回传给页面

3，

给dom元素添加css样式  $(this).css('background-color','#0000ff');   background-color为css属性名称

4，之前一直疑惑html的列表或者说是Android中的ListView怎么做，到今天才知道只要拼接元素就好了之后来总结这个