zoukankan      html  css  js  c++  java
  • 节点开始

    在学习jQuery之前我们先复习一下JS的节点操作

    var s=document.getElementById("div1");

    s.getAttribute("title","图片");

    s.setAttribute("title","属性");

    上面就是JS中获取元素的属性,并重新设置它的属性值

    var s=$("img");//得到img对象

    var ss=s.attr("title");//attr()是jquery的一个函数,它可以获取某一个元素的对象的属性值,也可以重置它的属性值,如下

    $('img').attr("src","1.jpg");

    当我们有设置对象的多个属性值时,如下

    $('img').attr({'src':'1.jpg','title':'图片'});

    上面就jQuery设置获取对象的属性

    添加

    在JS中添加一个对象

    var p=document.createElement("p");

    var text=document.createTextNode("JS添加属性");

    p.appendChild(text);

    document.body.appendChild(p);

    上面是普通的添加条件的添加

    在一个对象前添加一个对象

    insertBefore

    var sw=document.getElementById("sw");
    var sww=document.createElement("p");
    var text=document.createTextNode("JS对象之前添加对象");
    sww.appendChild(text);
    sw.parentNode.insertBefore(sww,sw);

    jQuery中添加节点

    var ssw=$("<p>jQuery中添加节点</p>");
    ssw.insertAfter("#sw");

    JS中删除一个节点

    var s=document.getElementById("div1");

    div1.parentNode.removeChild(s);

    jQuery中删除一个节点

    $("div1).remove();

    jQuery中获取文本中的内容

    $('#div1').text();

    Js中获取文本中的内容

    alert(s.innerText);

    JS替换一个节点

    var s=document.getElementById("div1");
    var onew=document.createElement("p");
    var s1=document.createTextNode("JS");
    onew.appendChild(s1);
    s.parentNode.replaceChild(onew,s)

    jQuery中替换一个节点

    var f=$('<p>ssdsdsd</p>');

    $('#div1').replaceWidth(f)

  • 相关阅读:
    查看CLOUD系统级IIS日志
    采购订单设置采购部门为缺省值
    单据头数据复制到单据体
    CLOUD设置过滤方案不共享
    BZOJ 4773: 负环 倍增Floyd
    LOJ #539. 「LibreOJ NOIP Round #1」旅游路线 倍增floyd + 思维
    BZOJ 4821: [Sdoi2017]相关分析 线段树 + 卡精
    一些常用公式/技巧
    BZOJ 4517: [Sdoi2016]排列计数 错排 + 组合
    BZOJ 3162: 独钓寒江雪 树的同构 + 组合 + 计数
  • 原文地址:https://www.cnblogs.com/limit1/p/4020681.html
Copyright © 2011-2022 走看看