zoukankan      html  css  js  c++  java
  • jquery学习--dom操作

    1.查找元素节点:

    获取文本:

    $("ul li:eq(1)").text();//ul里第二个li的文本值

    获取属性节点:

    $("p").attr("title");//获取p的title属性

    2.创建节点:

    步骤:

    1).创建  用$(html)完成 

    创建文本节点:

    var $li_1 = $("<li>呵呵</li>");

    创建属性节点:

    var $li_2 = $("<li title="呵呵">呵呵</li>");  //带有title属性的属性节点

    2).插入节点:

    append();向每个匹配到的节点内部追加内容

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

    $(A).appendTo(B);  将所有的a追加到b中

    $(A).prepend(B);//想每个a前加入b

    $(A).prependTo(B);//将a前置到b

    $(A).after(B);//a之后插入b

    $(A).insertAfter(B);//将a插入到b后

    $(A).before(B);//a之前插入b

    $(A).insertBefore(B);//a插入b前

    这个方法可以用来插入新的节点,也可以用来移动原有的节点

    3.删除节点

    1);remove()方法

    $("ul li:eq(1)").remove();//移除ul里第二个li

    2):empty()方法

    $("ul li:eq(1)").empty();//清空ul里第二个li里的内容,而不是删除第二个li

    4.复制节点:

    clone();//复制节点 ,被复制的节点不具备任何行为

    clone(true);//复制的节点,该节点有复制功能

    $("#ul li").click(function(){

    $(this).clone().appendTo("ul");

    $(this).clone(true).appendTo("ul");

    });

    5.替换节点:

    $(A).replaceWith(B);//b替换a

    $(A).replaceAll(B);//a替换b

    6.包裹节点

    $(A).wrap(B);//用b标签将每个a包起来

    $(A).wrapAll(B);//用b标签将所有a包起来

    $(A).wrapInner(B);//用b标签将a的子元素包起来

    6.属性操作:


    看看









  • 相关阅读:
    BZOJ3196: Tyvj 1730 二逼平衡树
    (转载)你真的会二分查找吗?
    Codeforces Round #259 (Div. 2)
    BZOJ1452: [JSOI2009]Count
    BZOJ2733: [HNOI2012]永无乡
    BZOJ1103: [POI2007]大都市meg
    BZOJ2761: [JLOI2011]不重复数字
    BZOJ1305: [CQOI2009]dance跳舞
    挖坑#4-----倍增
    BZOJ1042: [HAOI2008]硬币购物
  • 原文地址:https://www.cnblogs.com/mcdnf/p/5158278.html
Copyright © 2011-2022 走看看