JQueryDom操作

2021-07-21 18:55

阅读:558

YPE html>

标签:NPU   lan   dom操作   插入   w3c   script   bbb   通过   font   

dom操作

1. 内容操作

  1. html(): 获取/设置元素的标签体内容
  2. text(): 获取/设置元素的标签体纯文本内容
  3. val(): 获取/设置元素的value属性值




标题标签

2.属性操作

1>通用属性操作

? 1.attr():获取/设置元素的属性

? 2.removeAttr():删除属性

? 3.prop():获取/设置元素的固有属性

? 4.removeProp():删除属性

2>对class属性操作

? 1.addClass():添加class属性

? 2.removeClass():删除class属性

? 3.toggleClass():切换class属性

?



  
    样式操作

有一种奇迹叫坚持

自信源于努力

id为one
id为two class是 mini
class是 mini
class是 one
class是 mini
class是 mini
class是 one
class是 mini01
class是 mini
span

3.CRUD操作

crud操作:

  1. append():父元素将子元素追加到末尾 *对象1.append(对象2):将对象2添加到对象1元素内部,并且在末尾

  2. prepend():父元素将子元素追加到开头 *对象1.append(对象2):将对象2添加到对象1元素内部,并且在开头

  3. appendTo(): *对象1.appendTo(对象2):将对象1添加到对象2元素内部,并且在末尾

  4. prependTo():*对象1.appendTo(对象2):将对象1添加到对象2元素内部,并且在开头

  5. after():添加元素到元素后边

    • 对象1.after(对象2): 将对象2添加到对象1后边。对象1和对象2是兄弟关系
  6. before():添加元素到元素前边
    * 对象1.before(对象2): 将对象2添加到对象1前边。对象1和对象2是兄弟关系

  7. insertAfter()
    * 对象1.insertAfter(对象2):将对象2添加到对象1后边。对象1和对象2是兄弟关系

  8. insertBefore()
    * 对象1.insertBefore(对象2): 将对象2添加到对象1前边。对象1和对象2是兄弟关系

  9. remove():移除元素
    * 对象.remove():将对象删除掉

  10. empty():清空元素的所有后代元素。
    * 对象.empty():将对象的后代元素全部清空,但是保留当前对象以及其属性节点



  
    内部插入脚本


  • 北京
  • 天津
  • 重庆
  • 反恐
  • 星际
Hello1


  
    删除节点


  • 北京
  • 天津
  • 重庆

Hello

how are

you?

JQueryDom操作

标签:NPU   lan   dom操作   插入   w3c   script   bbb   通过   font   

原文地址:https://www.cnblogs.com/dss-99/p/14994662.html


评论


亲,登录后才可以留言!