JQuery介绍，包括load(),get(),post()以及赋值等方法（案例分析）

JQuery是一种JavaScript库，旨在简化JavaScript编程。它提供了一种更简洁的方式来处理HTML文档的操作、事件处理、动画和Ajax交互。

1. load()方法：

load()方法用于从服务器加载数据，并把返回的数据插入到指定的元素中。

$("#div1").load("demo_test.txt");

在这个例子中，当上述代码运行后，"demo\_test.txt"中的内容会被加载到ID为"div1"的元素中。

2. get()和post()方法：

get()和post()方法用于通过HTTP GET或POST请求从服务器请求数据。

$.get("demo_test.asp", function(data, status){
    alert("Data: " + data + "\nStatus: " + status);
});

在这个例子中，当上述代码运行后，"demo\_test.asp"中的内容会被返回并在一个弹窗中显示出来。

$.post("demo_test_post.asp", {
    name: "Donald Duck",
    city: "Duckburg"
}, function(data, status){
    alert("Data: " + data + "\nStatus: " + status);
});

在这个例子中，当上述代码运行后，会向"demo\_test\_post.asp"发送POST请求，请求中包含name和city的数据，服务器处理后的响应会在弹窗中显示出来。

3. 赋值方法：

JQuery提供了一种简洁的方式来处理HTML元素的属性，内容，值等的赋值。

$("#div1").html("Hello, World!");
$("#div1").attr({
    class: "my-class",
    name:  "my-name"
});
$("#myInput").val("Hello, World!");

在这个例子中，第一行代码会把"Hello, World!"赋值给ID为"div1"的元素的内容，第二行代码会给ID为"div1"的元素添加class和name属性，第三行代码会把"Hello, World!"赋值给ID为"myInput"的元素的值。