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()

  • 相关阅读:
    Struts2_模块包含
    Struts2_访问Web元素
    Struts2_简单数据验证
    获取当前日期
    iOS NSMutableArray添加NSInteger元素
    iOS label换行 自适应
    iOS高德地图自定义annotation添加不同图片
    @property(nonatomic) UIViewAutoresizing autoresizingMask;
    HTML
    图片压缩
  • 原文地址:https://www.cnblogs.com/AngelLee2009/p/1970436.html
Copyright © 2011-2022 走看看