zoukankan      html  css  js  c++  java
  • DOM操作基于命令改变页面

    一。操作属性

        操作样式:addClass(),removeClass(),css()

        非样式:attr(),removeAttr()

    二。创建元素:

     $('<a href="#Top">Top</a>')

    三。插入新元素

       $('<a href="#Top">Top</a>').insertAfter('div.chapter p');

       插入方法: insertAfter(),after(),before(),insertBefore(),prepend(),prependTo(),append(),appendTo()

    四。移动元素:

        就是将现有的元素移动到新的元素中。方法与“插入新元素”的方法是一样的。

    五。包装元素:

        .wrap('<li></li>')//用于将元素包装在其他元素中的方法。 如:装元素包装到<li></li>中。

    六。复制元素:

        .clone()//不公会复制匹配的元素,也会复制其所有的后代元素。

        .clone(false)//只会复制匹配的元素。

    七。移除元素:

        .remove() .empty()

     总结:

        (1)要在每个匹配的元素中插入新的元素:append(),appendTo(),prepend(),prependTo()

        (2)要在每个匹配的元素相邻的位置上插入新元素:after(),insertAfter(),before(),insertBefore()

        (3)要在每个匹配的元素外部插入元素:wrap()

        (4)要用新元素或文本替换每个匹配的元素:.html(),.text()

        (5)要移除每个匹配的元素中的元素:.empty()

        (6)要从文档中移除每个匹配的元素及其后代元素,但不实际删除它们:.remove()

  • 相关阅读:
    Hello World基于.net framework中CLR的执行
    MVN常用命令
    Git常用命令
    Markdown常用语法
    计算机专用英语词汇
    Windows DiskPart
    字符集过滤器
    SSHkey
    书名
    redis
  • 原文地址:https://www.cnblogs.com/AngelLee2009/p/1970436.html
Copyright © 2011-2022 走看看