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]):查找父类

              。。。。。

        。。。。。

posted @ 2010-09-06 23:28  耀哥  阅读(265)  评论(0编辑  收藏  举报