原来jquery拼数据还能这么写~

之前是

var str="";
str += "<div></div>";
$(".box").append(str);

新学一招~

var $temp;
$temp = $('<div></div>');
$(".box").append($temp);

js实例:

<script>
  picBox(3, '100px', '100px', [1,2,3,4,5,6,7], $('.container'), 1);

  function picBox(n, _hei, _wei, data, $target, rel) {
    for (var j = 0; j < data.length / n; j++) {
      var $temp = $temp + j;
      $temp = $('<div></div>');
      for (var i = 0 + j * n; i < n + j * n; i++) {
          if (data.length > i) {
              var $imgsmall = $('<a class="i_border" rel="' + rel + '" href="javascript:;" target="_blank"><div class="smallbox e_img"></div></a>');
              $imgsmall.find(".smallbox").css({ "height": _hei, "width": _wei, "background": "pink", "background-size": "cover" })
              $temp.append($imgsmall);
          }
      }
      $target.append($temp);
    }
  }
</script>

css:

<style>
  .container>div{
    margin:5px;
    border:1px solid #666;
  }
  .container a{
    display:inline-block;
    border:1px solid #999;
    margin:10px;
  }
</style>