jQuery

Jquery:
1.手机、PC都可以作为服务器使用;
2.请求路径的唯一性：
XMLHttpRequest.open('get','demo.jsp?rand='+Math.random,false)或者是XMLHttpRequest.open('get','demo.jsp?rand='+new Date().getTime(),false);
3.Jquery是javaScript库中的优秀一员，2006年创建的开源框架，发展成为集JavaScript、CSS、DOM、Ajax于一身的强大体系,Jquery的口号是：write less do more;
4.使用步奏：在jsp页面中引入jquery核心文件，<script type="text/javascript" src="jquery-1.4.2.js"></script>
5.jsp页面代码解析顺序是从上到下依次执行;
6.window.onload=function(){}//页面初始化的效率实际上比较低，假如页面有100张图片，意味着加载完一百张图片后才执行,在Jquery中类似的是ready()方法，ready()实在DOM构建完后就执行,这样效率要高;
7.Jquery的ready()方法的四种写法(见面的DOM对象加载完成后执行)：
$(function(){代码部分});
$(document).ready(function(){代码部分});
jQuery(function(){代码部分});
jQuery(document).ready(function(){代码部分});
8.javaScript中代码打印到控制台：console.info();//类似于alert()
9.jQuery中id选择器：<input type="test" id="t1" name="t1" value="ttt"> 
var $t1 = $('#t1');//$t1封装成一个jQuery对象
console.info($t1.val());//获取input标签中的value值"ttt"
10.jQuery对象和javaScript的dom对象相互转化机制：
$t1[0]/$t1.get(0)//转换成一个dom对象
var $t1 = $('t')//t表示传统的dom对象，传统dom对象转化为jQuery对象
11.jQuery事件可以使用链式编程;  
12.$(this).addClass([class])，$(this).addClass("class1 class2")//添加样式$(this).removeClass([class]);//删除样式
13.$(this).css("display","black").css("font-size","30px")//修改操作样式 ,可以链式编程  $(this).toggleClass(class);//切换样式
14.<input type="checkbox">//单选框
15.$(this).attr('标签中某个属性的名称')//最后获取到的是名称对应的值（jQuery使用的方法）,attr调用dom对象中的某个属性;
16.传统的js中使用interhtml,jQuery中使用$('#id').html();//将内容动态添加到某个标签中去
17.使用jQuery不用去考虑浏览器的兼容问题，底层对兼容问题已经考虑的很详细了; 
18.jQuery选择器分为四类：基本选择器，层次选择器，表单选择器，过滤选择器（简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单过滤选择器）;
19.基本选择器是jQuery中最频繁的选择器，它由元素id、class、元素名、多个选择器组成，通过基本选择器可以实现大多数页面的查找;
20.id选择：$('#id').css("display","black") 名称匹配元素：$('span').css("display","black")class选择：$('.class').css("display","black");
21.合并选择器：$  ("#id,.class").css("display","black");//选择到id或者是class的标签;
22.包含选择器：$('.class span').css("display","black");//表示必须是类为class下的<span>标签;
23.层次选择器是通过DOM元素的层次关系获取元素，其主要的层次关系包括后代、父子、相邻、兄弟关系，通过其中某类关系方便快捷的定位元素;
24.  包含选择器$('.class span').css("display","black")也是层次选择器，匹配.class下的所有<span>标签，
$('.class>span').css("display","black")是匹配子元素，只匹配一层;
25.$('#id').next();//id标签的下一个标签,限制下一个标签$("#id + span")//id的下一个标签必须是<span>;
26.$('#id').siblings("div,span").css("display","blacok");//匹配所有的兄弟元素
27.过滤选择器：$("li:first").addClass()//第一个<li>标签$("li:last").addClass()//最后一个<li>标签
 28.JQuery中操作元素属性用attr()方法，根据参数的不同可以用于不同的处理,$("input").attr("type")//用来获取<input>标签下type的属性值，$("input").attr("value","修改value的值")//用于修改对应属性的值，同时也可以将函数返回值赋给对应属性attr("value","function(){return 对应值}");
29.元素内容的操作：html()调用此方法获得标签内文本内容，html(val)改变标签内文本内容，添加html标签，text()获取文本内容，text(val)改变文本内容;
28.属性过滤选择器：$("div{id}").show(1000);//表示所有<div id ="xxx"></div>标签中有id属性的标签,同理$("div{tiele='a'}").show(1000)//表示div标签中title=a的所有标签;
29.子元素顾虑选择器：$("div li:nth-child(odd)").addClass();//选中奇数行隔行变色基础,odd/even
30.表单对象属性：enable属性是否可用，disabled属性为不可用，checked是否选中，selected所有被选中元素;
31.表单选择器： <select><textarea> 必须用$("myForm select")这种方式，text,password,radio,checked,submit,image,reset,file可以用$("myForm :text")这种方式选择;
32.操作元素的内容： <div id="div1">1111  </div>,$("#div1").html()//获取标签内部的文本内容：1111，$("div1").html("<h1>修改内容</h1>"),$("div1").test()如上也可以获得文本内容，但是$("div1").test("<h1>修改内容</h1>")输出的内容是<h1>修改内容</h1>，因为test()方法不能解析html标签;
33.<select multiple="multiple">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>标签中multiple表示可以多选，$("select").change(function(){var values=$("select").val.join(","))});//values的值返回的是一个数组，join(",")表示数组每个元素中间添加一个‘，'; 
34.$("#id").val("")//清空value值，$("#id").empty()//表示清空id对应标签下的所有内容$("#id").remove("<div></div>");//删除id元素对应的标签下的<div>标签
35.jQuery创建元素节点内部创建：
var newNode = $("<div><span>...</span></div>")//创建节点
$("body").append(newNode)//添加节点
或者直接这样写：$("body").append("<div><span>...</span></div>");
36.jQuery创建元素节点外部创建：
$("#id").before(newNode)//在id元素前添加节点
$("#id").after(newNode)//在id元素后边添加节点
37.将某个元素节点复制到另一个节点可以通过clone方法实现：$(this).clone(boolean);
38.替换节点：<div><span id="s">old</span></div> $("#s").replaceWith("<span>new</span>");
39.包裹节点：<p>姓名：<span>liubo</span></p>$("p").warp("<b></b>");//外部包裹用<b>标枪包裹当前节点，加粗效果
$("span").wrapInner("<li></li>");//内部包裹，liubo变成了斜体
40.遍历节点：  $("this").each(function(count){});//count自己定义，索引值
41.jQuery中事件取消了前缀on(与JavaScript不同的地方),在传统事件类型上添加bind、hover、toggle,事件俩种机制：冒泡机制和捕获机制;
42.jQuery中组织冒泡事件：function(event){event.stopPorgation();}
43.hover事件：是onmouseover和onmouseover俩个事件的结合体，鼠标移入移出不同的事件同时触发,$("#id").hover(function(){},function(){});
44.bind绑定事件：$("#id").bind("click",function(){});//id对应的元素绑定一个click事件 
45.toggle事件切换：$("#id").toggle(fun1,fun2,fun3); 
46.JQuery完美结合了Ajax,给我们提供了对于获取类型文件的处理方式;
47.jQuery中使用Ajax
$(function{
get/post方式提交表单
var  formDatas = $("#muForm").serialize();//获取对应表单的全部数据
$.get/post(url,formDatas ,function(data){consoleinfo(data) });//三个参数url,参数（参数为json对象），回调函数function(data),data用来接收返回值
$.ajax({
   type:'post';
   url:"demo.jsp",
   async:ture,
   cache:false,
   data:{username:$("#myForm").find("input[name='username']").val()};//获取id为myForm表单下name=username的<input>标签的值
   dataType:"json",
   success:function(data){alert (data)};
   /**
  如果服务器端返回的不是json格式的数据，dataType:"text" 是普通的文本text,可以使用var jsonData=$.parseJSON(data),将text转化为json格式的数据;
  **/
});
});
48.jQuery插件的使用教程：依赖jQuery插件的js文件在导入的时候必须放在jQuery.js的后边;