3，管理jQery包装集

推荐的学习资源来自：张子秋http://www.cnblogs.com/zhangziqiu/tag/jQuery%e6%95%99%e7%a8%8b/

概要：

       学习如何动态创建元素，和使用jQuery函数管理包装集。

内容：

       动态创建元素：

               <script type="text/javascript">

    document.getElementById("testDiv").innerHTML = "<div style=\"border:solid 1px #FF0000\">动态创建的div</div>";

</script>

              这是个常用的错误方法，（不好的）：

1， 在页面加载时改变了页面结构。

2， 使用修改html内容添加元素。

 

使用DOM创建元素：

       Var select document.createElement(“select”);

       …….

       Var object=testdiv.appendChild(select);

 

使用jQuery函数创建元素：

       $("<a>这是jQuery创建的a</a>").appendTo(div2);

$("<a/>").css("style", "background:#4646ef").html("这个也是的").appendTo(div2);

 

       将元素加载到对象：

              window.onload= function () { div3.innerHTML = "<a>DOM 所有资源完整 加载后，执行</a>"; };//js中的传统方法。

       $(document).ready(

           function () { div3.innerHTML = "<a>DOM被解析后，所有资源加载前，执行</a>"; }

           );

       $(

           function () { div3.innerHTML += "<a>简写</a>"; }

           );

 

       注意document.createElement和innerHTML的区别。尽量使用$("<div/>")的形式创建对象。

 

管理jQuery包装集的函数：

       1过滤：

              ep(index):获取第n个元素

              filter(“.selected”):保留呆select类的元素

              filter(function(index){return$(“ol”,this).size()==0;})保留子元素中不含有ol的元素

               。。。。

        2查找

              add(expr):添加元素

              children([expr]):子元素

              find(expr):例$(“p”).find(“span”)与$(“p span”)相同

              next([expr])

              parent([expr]):查找父类

              。。。。。

        。。。。。