JQ 常用指令

创建div， 设置属性， 添加class， 子元素添加到父元素

---

var creatediv= function(){

    var parentdiv=$('<div></div>');        //创建一个父div
    parentdiv.attr('id','parent');        //给父div设置id
    parentdiv.addclass('parentdiv');    //添加css样式

    var childdiv=$('<div></div>');        //创建一个子div
    childdiv.appendto(parentdiv);        //将子div添加到父div中

    parentdiv.appendto('body');            //将父div添加到body中
}

2.遍历元素

语法：
$(selector).each(function(index,element))

index - 选择器的 index 位置
element - 当前的元素（也可使用 "this" 选择器）

例1；

var arr1 = [ "aaa", "bbb", "ccc" ];   
     $(arr1).each(function(i,value){
        console.log(i);// 0 1 2
        console.log(value); // aaa bbb ccc
        }); 



也可以写成下面形式


var arr1 = [ "aaa", "bbb", "ccc" ];  
      $.each(arr1, function(i,value){         
          console.log(value);
      });  // aaa bbb ccc

点击每一个li会弹出自身的值。
jq

$(document).ready(function(){
  $("button").click(function(){
    $("li").each(function(){
      alert($(this).text())
    });
  });
});
</script>

html

<button>输出每个列表项的值</button>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>

跳出循环

for循环中我们使用continue；终止本次循环计入下一个循环，使用break终止整个循环。
而在jquery中 $.each则对应的使用return true 和return false