1,jQuery DOM操作,设置或获得内容:   设置,在()内填入内容即可,有回调函数;

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • val() - 设置或返回表单字段的值

2,jQuery DOM操作,设置或获得属性:    设置,在()内填入内容即可,有回调函数;

  • attr() - 设置或返回表单字段的值

3,jQuery DOM操作,添加元素:

  • append() - 在被选元素的结尾插入内容
  • prepend() - 在被选元素的开头插入内容
  • after() - 在被选元素之后插入内容
  • before() - 在被选元素之前插入内容

     注:append/prepend 是在选择元素内部嵌入。after/before 是在元素外面追加。

4,jQuery DOM操作,删除元素:

  • remove() - 删除被选元素(及其子元素)   参数可以填入选择器,过滤被删除的元素
  • empty() - 从被选元素中删除子元素

5,jQuery DOM操作,获取并设置CSS:

  • addClass() - 向被选元素添加一个或多个类
  • removeClass() - 从被选元素删除一个或多个类
  • toggleClass() - 对被选元素进行添加/删除类的切换操作
  • css() - 设置或返回样式属性   
  •    CSS设置:css({"propertyname":"value","propertyname":"value",...}),可以多个值; 
  •    CSS获取:css("propertyname");  通过属性名获取即可

6,jQuery DOM操作,尺寸操作:

  • width():设置或返回元素的宽度(不包括内边距、边框或外边距)
  • height():设置或返回元素的高度(不包括内边距、边框或外边距)
  • innerWidth():返回元素的宽度(包括内边距)
  • innerHeight():返回元素的高度(包括内边距)
  • outerWidth():返回元素的宽度(包括内边距和边框)
  • outerHeight():返回元素的高度(包括内边距和边框)

【JQuery】JQuery学习笔记:JQuery操作HTML,即JQuery DOM操作

 

 

 

 

 

 

 

相关文章:

  • 2021-12-10
  • 2021-09-27
  • 2021-11-23
  • 2018-08-19
  • 2019-01-24
  • 2021-08-15
  • 2021-08-15
  • 2021-08-15
猜你喜欢
  • 2017-12-18
  • 2021-09-17
  • 2018-08-16
  • 2021-11-04
  • 2018-09-10
  • 2021-12-13
  • 2021-11-01
  • 2021-11-27
相关资源
相似解决方案