jQuery

• 1. jquery(重点)
• 2. jsdom与jq对象互换
• 3. 函数
• 4. 选择器：获取元素
• 5. jquery的Dom操作
• 6. apache POI技术

1. jquery(重点)

javascript的一个轻量级框架，对javascript进行封装，提供简便选择器和方法。
①Jquery它是一个库(框架)，要想使用它，必须先引入！
<script type="text/javascript" src="../../js/jquery-1.8.3.js" >
</script>
②在<scrpit></script>之间写jquery代码,用法jQuery(选择器)==$(选择器)
变量尽量$开头，//单行注释   /*多行注释*/

2. jsdom与jq对象互换

jsdom对象→jquery对象：$(dom对象)或jQuery(dom对象)
jquery对象→jsdom对象：jquery对象[索引]、
jquery对象.get(索引)其中索引为匹配到的jq对象，一般为0
js和jq对象的api不能相互调用 

3. 函数

js：window.onload=function(){}只赋值一次，覆盖，加载慢(整个页面加载完毕时执行<包括图片>)
jq:$(document).ready(function(){});多次赋值，依次执行快！
(整个dom树结构绘制完毕<dom树图片可能没加载完>加载)简写$(function(){});

jq选择器对象.事件=function(){});
jq选择器对象.事件(function(){})
可以用this代表当前的jq对象

4. 选择器：获取元素

基本选择器
id选择器$("#id")
类选择器$(".class")
元素选择器$("元素")
$("*")
$("元素，元素") 选择两个样式都有的元素

层级选择器
$("父元素选择器   子元素选择器")选择父元素中所有的子元素
$("父元素选择器>子元素选择器")选择父元素中的所有第一级子元素
$("父元素选择器+子元素选择器")选择父元素后面的所有子元素
$("父元素选择器~子元素选择器")选择父元素的所有同级兄弟元素

属性选择器
基本选择器[属性名=‘属性值’]
基本选择器[属性名]
基本选择器[属性名!='属性值']
基本选择器[属性名^='属性值']开头
基本选择器[属性名$='属性值']结尾
基本选择器[属性名*='属性值']

表单属性过滤选择器
$("select option:selected")
$("input:checked")
$(":text")

基本过滤选择器（常用）
:first
妙用---body div:first
:last
$('li').first() 等价于：$(“li:first”)
:odd表格隔行换色
:even
:enabled
:disabed
:checked
:selected

5. jquery的Dom操作

addClass()、removeClass()，toggleclass表格隔行换色
attr();  prop();
对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
attr在jquery1.11版本不适用，采用prop()来替代(在各个版本都适用)。
removeattr(),removeProp()
append()  appendTo() 二级联动
apend:  A.append(B)  将B追加到A的内容的末尾处
appendTo: A.appendTo(B)  将A加到B内容的末尾处
相当于appendchild，createTextNode、createElement
css(“属性”，”属性值“)→js的style.属性，表格隔行换色
each()数组遍历→$().each(function(){});
$.each( jq对象, function(i, n){});	 i代表角标数，n代表每一个元素
n==this;
html()→js的innerHTML 、val()获得元素内部的值
text(), val()
show([s],[e],[fn]);hide([s],[e],[fn]);toggle([s],[e],[fn]);显示隐藏
fadeIn();fadeOut();
slideDown([s],[e],[fn]);滑动
slideUp([s],[e],[fn]);滑动
slideDown([s],[e],[fn]);滑动
hover();
toggle();

6. apache POI技术

Apache POI是Apache软件基金会的开放源码函式库，
POI提供API给Java程序对Microsoft Office格式档案读和写的功能。
下载开发包：poi-bin-3.9-20121203.zip
- 在项目中引入POI的依赖
<dependency>
	<groupId>org.apache.poi</groupId>
	<artifactId>poi</artifactId>
	<version>3.11</version>
</dependency>
@Test
public void test1() throws FileNotFoundException, IOException{
	String filePath = "C:\\Users\\zhaoqx\\Desktop\\区域导入测试数据.xls";
	//包装一个Excel文件对象
	HSSFWorkbook workbook = new HSSFWorkbook(new FileInputStream(new File(filePath)));
	//读取文件中第一个Sheet标签页
	HSSFSheet hssfSheet = workbook.getSheetAt(0);
	//遍历标签页中所有的行
	for (Row row : hssfSheet) {
		<!--去掉第一行
		int rowNum=row.getRowNum();
		if(rowNum==0){
			continue;
		}-->
		System.out.println();
		rowNum.getCell(1);//获得各行的第一个单元格
		//单元格
		for (Cell cell : row) {
			String value = cell.getStringCellValue();//获得一行每个单元格的文本值
			System.out.print(value + " ");
		}
	}
}
# POI的使用（导出数据）
//第二步：使用POI将数据写到Excel文件中
//在内存中创建一个Excel文件
HSSFWorkbook workbook = new HSSFWorkbook();
//创建一个标签页
HSSFSheet sheet = workbook.createSheet("分区数据");
//创建标题行
HSSFRow headRow = sheet.createRow(0);
headRow.createCell(0).setCellValue("分区编号");
headRow.createCell(1).setCellValue("开始编号");
headRow.createCell(2).setCellValue("结束编号");
headRow.createCell(3).setCellValue("位置信息");
headRow.createCell(4).setCellValue("省市区");

for (Subarea subarea : list) {
	HSSFRow dataRow = sheet.createRow(sheet.getLastRowNum() + 1);
	dataRow.createCell(0).setCellValue(subarea.getId());
	dataRow.createCell(1).setCellValue(subarea.getStartnum());
	dataRow.createCell(2).setCellValue(subarea.getEndnum());
	dataRow.createCell(3).setCellValue(subarea.getPosition());
	dataRow.createCell(4).setCellValue(subarea.getRegion().getName());
}

//第三步：使用输出流进行文件下载（一个流、两个头）

String filename = "分区数据.xls";
String contentType = ServletActionContext.getServletContext().getMimeType(filename);
ServletOutputStream out = ServletActionContext.getResponse().getOutputStream();
ServletActionContext.getResponse().setContentType(contentType);

//获取客户端浏览器类型
String agent = ServletActionContext.getRequest().getHeader("User-Agent");
filename = FileUtils.encodeDownloadFilename(filename, agent);
ServletActionContext.getResponse().setHeader("content-disposition", "attachment;filename="+filename);
workbook.write(out);