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 truereturn false

    原文作者:orangecat00
    原文地址: https://segmentfault.com/a/1190000013936935
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞