【嘉兴东臣php】节点 ajax请求 jquery基本语法

总结:      学的快，忘得快。

jquery基本语法:

jquery使用$表示对象,三种选择器:

$(".xxx") class选择器标识符.

$("#xxx")id选择器标识符#

$("div") 标签选择器

几个常用的jquery案例：
 //input 标签点击事件
 $("input").click( function(){
 });

动画函数:
 1、show 显示
 2、hide 隐藏
 3、toggle 显示和隐藏
 4、fadeIn 淡入
 5、fadeOut 淡出
 6、fadeToggle 淡入和淡出
 7、slideUp 向上滑动
 8、slideDown 向下滑动

 注意：函数里面都可以加入时间参数，单位为毫秒，函数里面都可以加入回调callback参数。
 如：
 show( 1000, function(){
  //回调所执行的函数
 });

 9、animate("执行的动画操作"，时间，可选(回调函数))
 如：
 $("").animate（{"height":"300px;"}, 1500);

 注意：加入position属性！

 10、stop 停止动画
  参数一：clearQueue:如果设置成true，则清空队列。可以立即结束动画。

  参数二：jumpToEnd:如果设置成true，则完成队列。可以立即完成动画。

  如：stop(true, true);

JS Dom：节点、表单、定时器、事件

Jquery Dom:
 
 节点：
  1、parent() 找到父节点
  2、children() find() 找到子节点

 注意：children 默认不加参数的时候为找子节点，加了找参数里的节点。如children("div.select")就是找div里的select的class类
   find，一般用于找子节点的某个元素标签，如：find("div");
   find会寻找到匹配的元素及其后代节点，例如做text();修改那么find到的元素及其所有后代节点都会改变
   find和children效果相似，而children只遍历查找元素的下一级节点，不会继续延伸
 
  3、next() prev() 找到下一个节点 找到上一个节点
   4、siblings 找到并获取所有的兄弟节点  

  5、eq(索引)找到元素中的某个索引，注意是从0开始的。
  6、get(索引)匹配元素中的某个索引，注意不返回元素。
  7、first() 通过自定义的找到，找到第一个元素。如：$(".a").first();就是找到class为a的第一个元素。

  8、last() 同上，不过找到的是最后一个元素。

  9、append() 追加HTML内容

  10、appendTo() 把所有匹配的元素追加到另一个指定的元素元素集合中。

  11、remove() 移除，不会删除，占用位置

  12、empty() 清空

  13、attr() 设置属性 、返回属性

  扩展：.css(设置一个节点的样式)
  .html(设置一个节点的HTML代码)
  .text(设置一个节点的文本)

同步：就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回。也就是必须一件一件事做,等前一件做完了才能做下一件事.就像早上起床后,先洗涮,然后才能吃饭,不能在洗涮没有完成时,就开始吃饭.

异步：和同步相对。发出一个异步指令以后，可以不用去管它的执行情况，完成后服务端会自动告诉你结果。

XML为一种数据传输格式：
 行<rows>
  <abc>1</abc>
  <bd>2</bd>
 </rows>
 列clos
JSON也为一种数据传输格式:
{"row":["abc":1 , "bc":2]}

XML 和 JSON 区别比较参考：http://www.cnblogs.com/SanMaoSpace/p/3139186.html
Jquery Ajax 比原生ajax封装更加良好。

提供了主要四种的解决方法：

.load()
 通过载入一个远程页面，用来放入到某个Dom中。
 load 默认会返回2个参数，第一个是load页面的内容，第二个参数是返回状态 success为成功

.get()
 通过Get请求方式，请求数据。

.getJson()
 通过Get请求方式，请求数据并返回的是json数据文件，注意请求json文件！
 
.post()
 通过Post请求方式，请求数据。
.ajax()
 通过自定义请求方式，请求数据。
 $.ajax({
 url: "http://120.26.196.152/come.php",//URL   
   dataType: "json", //数据格式
   async: true, //是否为异步
   data: { "name": "ajax","age":"20" },    //参数值
   type: "GET",   //请求方式  
   success: function(req) {//请求成功时处理
      console.log( req );
   $("#message").text( req.name + "-" + req.age );
 },
 error: function(req){ //请求错误的时候的处理
  
 }
 });

bind() 事件绑定
unbind() 解绑
is() 判断标签 或者 选中的效果
比如: is('div'), is("input:checked")
hasClass 一般为判断元素是否有这个类
比如：hasClass("abc") 判断class里是否有abc这个类
================================================

异步：不等待服务器的响应，直接去执行其他的任务，服务器完成以后会返回结果。相当于我让别人带买早餐，我在这个时间就去睡觉了。

同步：等待服务器的响应，不去执行其他的任务了，相当于打电话，对方你等一下，就这样我一直没有挂断等着。

HTTP STATUS CODE  HTTP协议里的返回状态码。
200 ：请求成功
302 ：请求被跳转
404 ：页面找不到，请求错误
403 ：该访问请求没有权限
500 ：服务器程序错误

JSON：

JSON 其实就是一种数据格式，比较年轻。
如：{} 字典。[] 数组。
例如：{"name":"jack","msg":[{"age":17,"password":123456},{"age":"18"}]};

XML 也是数据格式，比较成熟。
<abc><a><b></b></a></abc>

ajax 请求，其实最开始应该不在jquery，只不过jquery框架里面引入了ajax功能，比原生的ajax好用，所以我们用到jquery-ajax

主要有5种：
1、被选中的Dom.load( "页面",function(内容，状态 ){
 //内容为返回的内容
 //状态：如果成功为Success
})

2、getJson("json文件"，function(内容，状态 ){
 //内容为返回的内容
 //状态：如果成功为Success
})

3、get("url",function(内容，状态){
 //内容为返回的内容
 //状态：如果成功为Success
})

4、post("url",{字典包含的参数}，function(内容，状态){
 //内容为返回的内容
 //状态：如果成功为Success
})

5、ajax({
 url:"",
 dataType:"数据类型Json"，
 async：true，//异步，
 type：post，//get 、post
 data：{传输的参数字段字典}，
 success:function( 内容参数 ){
  //成功以后返回的

 }，
 error:function( 内容参数 ){

 }
});

转载于:https://my.oschina.net/u/2551059/blog/552022