jQuery开发之DOM操作一

页面导航:首页 > 网络编程 > JavaScript > jQuery开发之DOM操作一

jQuery开发之DOM操作一

来源: 作者: 时间:2016-01-23 10:23 【

1,查找节点 1),查找元素节点 获取元素节点并打印出它的文本内容,jQuery代码如下:var $li = $( "ul li:eq(1) "); 获取 里第2个 节点var li_text =$li text(); 获取第二个

1,查找节点
1),查找元素节点
获取元素节点并打印出它的文本内容,jQuery代码如下:

var $li = $("ul li:eq(1)");   //获取
  • 里第2个
    • 节点 var li_text =$li.text(); //获取第二个
    • 节点的文本内容 alert(li_text); //打印文本内容

    2),查找属性节点

    var $para = $("p")       // 获取

    节点 var p_text =$para.attr("title"); //获取

    元素节点属性title alert(p_text); //打印title属性值

    2, 创建节点

    (1)创建元素节点
    例如需要创建两个

  • 元素节点,并且要把它们作为
    • 元素节点的子节点添加到DOM节点树上。完成这个任务需要两个步骤
      a, 创建两个
    • 新元素。
      b, 将这两个新元素插入文档中。
      第a 步骤可以使用jQuery的工厂函数$() 来完成,格式如下:

       

      $();

      $(html)方法会根据传入的HTML标记字符串,创建一个DOM对象,并将这个DOM对象包装成一个jQuery对象返回。
      首先创建两个

    • 元素,jQuery代码如下:

       

      var $li_1 = $("
      •  
      • "); //创建第一个
        • 元素 var $li_2 = $("
        •  
        • "); //创建第二个
        • 元素

        接下来执行第二个步骤,jQuery代码如下:

        $("ul").append($li_1);
        $("ul").append($li_2);

        (2)创建文本节点

        var $li_1 = $("
        • 苹果
        • "); //创建第一个
          • 元素,包含元素节点、文本节点和属性节点 var $li_2 = $("
          • 草莓
          • "); //创建第二个
          • 元素,包含元素节点、文本节点和属性节点 $("ul").append($li_1); $("ul").append($li_2);

          (3)创建属性节点

          var $li_1 = $("
          • 苹果
          • "); //创建第一个
            • 元素,包含元素节点和文本节点 var $li_2 = $("
            • 草莓
            • "); //创建第二个
            • 元素,包含元素节点和文本节点 $("ul").append($li_1); $("ul").append($li_2);
Tags:

相关文章

    文章评论

    最 近 更 新
    热 点 排 行
    Js与CSS工具
    代码转换工具
    
    <