jQuery 之入门基本介绍

阅读更多

JQuery 基本介绍

1、What's the JQuery?
jQuery 是一个JavaScript 库；

特点：写的更少，做的更多；

功能：
* 访问和操作DOM 元素；
* 控制页面元素；
* 对页面事件的处理；
* 大量插件在页面中运用；
* 与AJAX 技术的完美结合；

2、使用方法：
首先从官网获取对应版本的jQuery ，然后导入到jsp页面；


3、JQeury 的表示方法：
//方式一
$(document).ready(function() {
//程序入口
alert("方式一程序入口");
});

//方式二
window.onload = function() {
alert("方式二程序入口");
}

说明：以上两段代码在功能上可以互换，但是他们之间存在区别：
1、执行的时间不同：
$(document).ready(function(){});在页面框架下载完毕后就
执行，而且window.onload 必须在页面全部加载完毕(包括图片上传)
后才能执行，很明显前者的执行效率是比较高的；

2、执行数量不同：
$(document).ready(function(){});可以重写多个，并且每次执行
的结果不同，而window.onload 尽管可以执行多个，但是输出最后一个执
行的结果，无法完成多个结果的输出；

3、$(document).ready(function(){});可以简写：
$(function(){
//程序入口
});

4、简单案例如下：
实现点击隐藏、显示、以及样式的添加；

	<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


	

		


		


		
	

	
		
			点击我隐藏表格
		
		
			点击我显示表格
		
		
			点击我修改表格样式
		
		
			点击出现意外效果
		

		

			

				

					####
				
				

					####
				
				

					####
				
			
		

	

• jquery_one.rar (76.5 KB)
• 下载次数: 10