jQuery框架

一、jQuery框架

jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

jQuery 很容易学习。

二、jQuery可以做什么

HTML 元素选取 

HTML 元素操作 

CSS 操作 

HTML 事件函数 

JavaScript 特效和动画 

HTML DOM 遍历和修改 

AJAX

三、如何在HTML页面中使用jQuery框架

jQuery是一个封装了JS脚本的框架。

也就是说是已经写好的JS代码。

.js就是JavaScript的外部脚本文件。

.min.js 这是压缩的版本。

还需要在HTML页面中导入相应的js文件。

 

四、jQuery的核心方法 

在jQuery中封装了一系列的方法。

核心方法： jquery();

简化格式： $(); 合作$代替jQuery这个方法名

$(参数)：参数可以是选择器，还可以直接就是一个函数

五、jQuery中事件方法

在jQuery中将HTML中事件都封装成了一系统的事件方法。

表示页面输载入事件：ready(函数)

六、jQuery的选择器

选择器的作用是用来在HTML页面上查找元素。

jQuery的选择器与CSS内嵌样式选择器是一样的。

七、jQuery的方法

7.1 值的方法

html()====>innerHTML

text()====>innerText

val()====>value

	
		
		
		
		
		
	
	
		这是SPAN标签

		
	

 7.2 CSS样式的方法

 

 使用一个叫css()的方法可以设置和获取对象的样式。

7.3 属性

 

attr方法，可以获取属性的值，也可以设置属性的值。

更可以获取 一个 我们 自己 新定义的属性的值。

 7.4 类样式的使用

	
		
		
		
		
		
	
	
		

			

				
编号
姓名
				
性别
年龄
			
			

			

				
1
张三
				
男
38
			
			

				
2
李四
				
男
48
			
			

				
3
王五
				
女
15
			
			
		
	

八、实现动态表格

8.1 创建一个表格

	
		

			

				
编号
姓名
				
性别
积分
			
			

				
			
		
	

8.2 编写数据

let stuArr = [{'sid':1,'sname':'闫凯','ssex':'1','score':0},{},{}];

8.3 在页面加载完成之后初始化表格

8.4 将表单中的数据加到表格

	
		
		
		
		
		
	
	
		
		

			

				
编号
姓名
				
性别
积分
			
			

				
			
		
		

		

			编号：

			姓名：

			性别：男     
				  女

			积分：

			
		
	

8.5 为每一行增加一个删除按钮

	
		
		
		
		
		
	
	
		
		

			

			

				
编号
姓名
				
性别
积分
				
删除
			
			
			

				
			
		
		

		

			编号：

			姓名：

			性别：男 
			  女

			积分：