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

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

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

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

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



	
		
		My Test JQuery
		
		
	

	
		
		
		

这是一个神奇的 世界

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

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

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

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

My Test JQuery
    
    
    
超链接

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

2. 添加元素:

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




	
		
		My Test JQuery
		
		
	

	
		
		

这是一个神奇的 世界

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

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

3. 删除元素:

remove() 方法,empty() 方法




	
		
		My Test JQuery
		
		
	

	
		
		

这是一个神奇的 世界

这是一个神奇的 世界

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

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

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

4. 获取并设置 CSS 类:

addClass() 方法,removeClass() 方法,toggleClass() 方法




	
		
		My Test JQuery
		
		
	
	

	
		

这是一个神奇的 世界

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

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

5. css() 方法:

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



	
		
		My Test JQuery
		
		
	

	
		


这是一个神奇的 世界

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

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

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




	
		
		My Test JQuery
		
		
	

	
		

p区域

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

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


新闻标题:jQuery操作HTML元素和属性的方法
本文来源:http://azwzsj.com/article/ghhhjc.html