jQuery学习笔记五

2019独角兽企业重金招聘Python工程师标准>>>

十八。jQuery的ajax方法：

load()方法：从服务器加载数据，并把返回的数据放入被选元素中

$(selector).load(URL,data,callback);

比如：$("#div1").load("demo_test.txt");　从地址（网址）为"demo_text.txt"地方获取数据并放到id为div1　的元素中；

$("#div1").load("demo_test.txt #p1");　可加选择器，把txt中id为p1的内容放到div1中; 

期中考试的callback为回调函数（前两步执行后执行的函数，可选。

function(responseTxt,statusTxt,xhr){ }

• responseTxt - 包含调用成功时的结果内容

• statusTXT - 包含调用的状态

• xhr - 包含 XMLHttpRequest 对象

实例：http://www.runoob.com/try/try.php?filename=tryjquery_ajax_load_callback

JQ 中ajax的方法详细列表：http://www.runoob.com/jquery/ajax-ajax.html

现在还不太懂，先放着。

JSON 使用：http://www.runoob.com/json/json-jsonp.html

先放着。

十九。GET和POST方法：

$.get(URL,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 callback 参数是请求成功后所执行的函数名。

$.get() 的第一个参数是我们希望请求的 URL（"demo_test.php"）。

第二个参数是回调函数。第一个回调参数存有被请求页面的内容，第二个回调参数存有请求的状态。

$.post(URL,data,callback);

必需的 URL 参数规定您希望请求的 URL。

可选的 data 参数规定连同请求发送的数据。

可选的 callback 参数是请求成功后所执行的函数名。

第一个回调参数存有被请求页面的内容，而第二个参数存有请求的状态。

比如：

$("button").click(function(){
  $.post("demo_test_post.html",
  {　　　　　　　　　　　　　　　//其中发送的数据要用大括号
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "nStatus: " + status);
  });
});

二十：noConflict() 方法

当与其它框架一起运用时，可能会出现$符号冲突的情况，处理方式：

1.$.noConflict() 这样，就用jQuery代替$了;

2.var jq=$.noConflict() 这样，就用jq代替了$;

3.只在内部使用，比如：

$.noConflict();//这是外部，当有冲突时，必须用前两种方法之一，比如下面一行最前面部分
jQuery(document).ready(function($){
  $("button").click(function(){     //ready()方法内容仍然可以正常使用，只要把$传给函数
    $("p").text("jQuery is still working!");
  });
});

二十一。参考手册：

1.效果方法：http://www.runoob.com/jquery/jquery-ref-effects.html　大部分前面介绍过，要复习。

2.HTML/CSS　方法：http://www.runoob.com/jquery/jquery-ref-html.html　也是比较常用的。

转载于:https://my.oschina.net/agui1989/blog/475454