关于jQuery及插件和ajax

• jQuery
  • jQuery插件
    • ajax

1. 什么是jQuery
它是一个轻量级的javascript类库

注1：就一个类“jQuery”，简写“$”

2. jQuery优点
2.1 总是面向集合
2.2 多行操作集于一行

在用jquery的时候先导包，在写引用代码
加入全路径名，无论怎么改变文件路径，都不会出错

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>

3、程序入口

$ (function)、$(document).ready(function)与window.onload的区别？

$ (function)、$(document).ready(function)他们是等价的，那个在前面哪个就先执行
什么时候执行：jsp的dom树结构加载完毕即刻调用方法
window.onload最后执行
jsp的dom树结构加载完毕,css、js等静态资源加载完毕后执行。

4. jQuery两种工厂方法 还有很多工厂方法，有兴趣的可以去api官网了解一下
4.1 jQuery(exp[,context])
exp：选择器
context：上下文，环境/容器，documemt

  注1：选择器，css选择器
  标签选择器      

  $("a").click(function){
  		alert("哈哈");
  })；
  
  ID选择器    # 代表了ID选择器
   $("#a3").click(function){
  		alert("哈哈");
  })；
  类选择器     **.**代表了类选择器 	$(".a1").click(function){
  		alert("哈哈");
  })；
  
  包含选择器：E1 E2  E1包含了E2
 $("E1  E2").click(function){
  		alert("哈哈");
  })；
  组合选择器：E1,E2,E3 	$(".a1").click(function){
  		alert("哈哈");
  })；

  自定义选择器：:表示选中了的标签a和span
  $("a,span").click(function){
  		alert("哈哈");
  })；
  
  在div标签内部寻找a标签，然后找到的标签添加事件
  $("a","div").click(function){
  		alert("哈哈");
  })；

4.2 jQuery(element) （demo3.jsp）
element：js对象，表示一个html元素对象
js对象与jquery对象的相互转换

  jQuery对象转js对象
    	jQuery对象
		var $ aa=$ ("#aa");
		alert($aa.val());
		转js对象
		//var bb= $ aa..get(0);//集合
		var bb=$ aa[0];//数组
	   alert(bb.value);

js对象转jQueryh象
		 js对象
		 var cc=document.getElementById("h2");
		 alert(cc.value);
		 转jQuery对象
	      var $ cc=$(cc);
		 alert(cc.val());

6. this指针的作用 （demo4.jsp）
   6.1 事件源（获取当前按钮的按钮值）
   $(function(){
   $(":input").click(function(){
   //凡是在里出现的this都是事件源
   aleret(this.value);

   })

6.2 当前元素（点击按钮，获取所有a标签的值）

   $(function(){
   		$("a").each(function(index){
            	     //指的是当前元素
   			      alert(index+","+ $ (this).html());
   		})
   })

1. 插件机制简介
往jquery类库里面去扩展方法，这类方法就是jquery插件
2. json的三种格式
2.1 对象 json对象的字符串体现形式

    $(function(){
   
       			var jsonObj={
   
       				 {
   sid:'s01',sname