jQuery操作HTML元素和属性的方法

这篇文章主要介绍jQuery操作HTML元素和属性的方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

成都创新互联公司专注于常山企业网站建设,响应式网站建设,商城建设。常山网站建设公司,为常山等地区提供建站服务。全流程定制网站设计，专业设计，全程项目跟踪，成都创新互联公司专业和态度为您提供的服务

1. 获取HTML 元素的内容和属性

(1) 获得内容:  text()、html() 以及 val()方法

	
		
		
		
		
	

	
		text()方法获取内容
		html()方法获取内容
		val()方法获取内容

		text()方法设置内容
		html()方法设置内容
		val()方法设置内容
		
这是一个神奇的 世界啊 
		

	

(2) 获取属性:  attr()方法

    
    
    attr()方法获取属性

    attr()方法设置属性
    超链接

　　

2. 添加元素：

append() 和 prepend() 方法，after() 和 before() 方法

	
		
		
		
		
	

	
		append()方法
		prepend()方法

		before()方法
		after()方法
		
这是一个神奇的 世界啊 
		

3. 删除元素：

remove() 方法，empty() 方法

	
		
		
		
		
	

	
		remove()方法
		empty()方法

		
这是一个神奇的 世界啊 
		
这是一个神奇的 世界啊 
	

4. 获取并设置 CSS 类：

addClass() 方法，removeClass() 方法，toggleClass() 方法

	
		
		
		
		
	
	

	
		addClass()方法

		removeClass()方法

		toggleClass()方法
		
这是一个神奇的 世界啊 
	

5. css() 方法：

返回 CSS 属性、设置 CSS 属性、设置多个 CSS 属性

	
		
		
		
		
	

	
		获取css属性的值

		设置css属性

		设置多个css属性

		
这是一个神奇的 世界啊 
	

6. 处理尺寸的重要方法：

width() 和 height() 方法，innerWidth() 和 innerHeight() 方法，outerWidth() 和 outerHeight() 方法

	
		
		
		
		
	

	
		获取css属性的值

		
p区域
		

	

以上是jQuery操作HTML元素和属性的方法的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

标题名称：jQuery操作HTML元素和属性的方法
标题来源：http://shouzuofang.com/article/ghhhjc.html