Dom操作,width，height， offset， each

 

 // var $p = $('<p id="insert">我是新添加的p标签</p>')

            var $p = $('<p>我是新添加的p标签</p>',{

                id:'insert',  

                class:"insert"

            })

           $('#box').append($p)

 

    

var $box = $('#box');

            // 包含了补白 + 边框  不包含单位

            console.log($box.width());   // 226

            console.log($box.height());  // 226

            // // .css()  内容区 有单位

            console.log($box.css('width'));  // 200px

            console.log($box.css('height')); //200px

            console.log($box.css('padding')); // 10px

            console.log($box.css('border-width')); // 3px

 

          var $offset = $('#box').offset();

            console.log($offset);

 

 

  // var  arr = [12,3,4,5]

            // $.each(arr,function(index,item){

            //     console.log(index,item);

            // })

            // var obj = {username:'kobe',age:39}

            // $.each(obj,function(key,val){

            //     console.log(key,val);

            // })