zoukankan      html  css  js  c++  java
  • 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]):查找父类

                  。。。。。

            。。。。。

  • 相关阅读:
    手工卸载.Net写的win服务
    程序员素质面试题
    GridView数据导出功能
    使用EventLog类写系统日志
    HTML Response ContentType 大全
    用C#做短信CMPP2.0/3.0协议 支持扩展号支持物理网卡
    CYQ.Data 轻量数据层之路 使用篇MAction 数据查询 视频 E (二十二)
    CYQ.Data 轻量数据层之路 V2.0 震撼惊世 支持多数据库/内置Aop(二十五)
    MapXtreme 2005 GIS开发入门系列 索引
    CYQ.Data 轻量数据层之路 框架如何应对数据库变化
  • 原文地址:https://www.cnblogs.com/yaoge/p/1820174.html
Copyright © 2011-2022 走看看