web前端学习：jQuery中元素

创建元素及追加元素：

    DOM中可以动态创建元素:document.createElement(“标签的名字”); 

    jQuery中同样可以创建元素标签,并且返回的就是jQuery对象,可以直接调用方法进行使用。

• append方法用来在元素的末尾追加元素（最后一个子节点）。增加元素末尾(儿子)

• prepend，在元素的开始添加元素（第一个子节点）。增加元素开始(儿子)

• after，在元素之后添加元素（添加兄弟）增加元素后面(兄弟) 

• before：在元素之前添加元素（添加兄弟）增加元素前面(兄弟)

  
  

    $("div").append($("p"));

    .append方法可以把页面中的元素添加到其他标签中,添加的方式属于移动

        $("#toRight").click(function () { 

            $("#se1 option:selected").appendTo($("#se2"));

         }); 

        $("#toLeft").click(function () { 

            $("#se2 option:selected").appendTo($("#se1")); 

        }); 

        $("#toAllLeft").click(function () {

             $("#se2").append($("#se1 option"));

         }); 

        $("#toAllRight").click(function () { 

            $("#se1").append($("#se2 option")); 

        });

.html方法

    //设置内容后,原内容丢失,返回的是当前对象

    //var dvObj=$("div").html("哈哈");

    //设置层中间显示其他的标签内容

    $("div").html("百度"); 

    //直接获取的是标签中的内容

    console.log($("div").html());

    .html方法设置内容,返回的是当前的对象,如果不传入参数,获取的是标签中的内容