zoukankan      html  css  js  c++  java
  • jQuery中的DOM操作

    1,实例代码:
    <body>
    <p title="选择你最喜欢的水果">
    你最喜欢的水果是?
    </p>
    <ul>
    <li title="苹果">
    苹果
    </li>
    <li title="橘子">
    橘子
    </li>
    <li title="">
    菠萝
    </li>
    </ul>
    </body>
    2,查找节点
    -1,查找元素节点
    $(function() {
     
    var $li = $("ul li:eq(1)");//ul下的第二个li
    console.log($li);
    console.log($li.text());
    });
    -2,查找属性节点
    $(function() {
     
    var $para = $("p");//get p element
    var pText = $para.attr("title");
    console.log(pText);
    });
    3,创建节点
    -1,创建元素节点
    $(function() {
     
    var $li1 = $("<li>测试插入1</li>");//创建元素
    var $li2 = $("<li>测试插入2</li>");
    $("ul").append($li1);//添加元素
    $("ul").append($li2);
    });
    4,删除节点
    $(function() {
     
    $("ul li:eq(1)").remove();
    });
    $(function() {
     
    var $li = $("ul li:eq(1)").remove();//删除节点,返回被删除的节点元素
    console.log($li);
    $li.appendTo("ul");//删除的节点添加至元素中
     
    });

    欢迎转载,但转载请注明原文链接[博客园: http://www.cnblogs.com/jingLongJun/]
    [CSDN博客:http://blog.csdn.net/mergades]。
    如相关博文涉及到版权问题,请联系本人。
  • 相关阅读:
    爬虫之Selenium库
    爬虫之pyquery库
    爬虫之BeautifulSoup库
    爬虫之Requests库
    爬虫之Re库
    在Flask中使用Celery
    Celery-分布式任务队列
    MongoDB
    Redis Cluster
    如何使用mongo shell
  • 原文地址:https://www.cnblogs.com/jingLongJun/p/4491044.html
Copyright © 2011-2022 走看看