浅谈Jquery的使用下篇

上一篇我们已经探讨了Jquery的有关的内容，简单的选择器以及一些Jquery的属性事件和方法等内容，让我们简单的学到了Jquery的比较基础的内容，下面我们就来探讨Jquery的一些其它的内容，比如Jquery 与AJAX的使用等内容方面，希望学习了能使大家对Jquery的使用更加的灵活

1、实现Jquery与AJAX的联合使用

AJAX 是与服务器交换数据的艺术，它在不重载全部页面的情况下，实现了对部分网页的更新。

（1）、jQuery - AJAX load() 方法

jQuery load() 方法是简单但强大的 AJAX 方法。

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

语法：

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

必需的 URL 参数规定您希望加载的 URL。

可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。

可选的 callback 参数是 load() 方法完成后所执行的函数名称。

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

jQuery $.get() 方法

$.get() 方法通过 HTTP GET 请求从服务器上请求数据。

语法：

$.get(URL,callback);

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

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

 

jQuery $.post() 方法

$.post() 方法通过 HTTP POST 请求从服务器上请求数据。

语法：

$.post(URL,data,callback);

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

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

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

 

2、实现Jquery与HTML的联合使用

（1）、改变 HTML 内容

语法

$(selector).html(content)

html() 函数改变所匹配的 HTML 元素的内容（innerHTML）。

 

（2）、添加 HTML 内容

语法

$(selector).append(content)

append() 函数向所匹配的 HTML 元素内部追加内容。

语法

$(selector).prepend(content)

prepend() 函数向所匹配的 HTML 元素内部预置（Prepend）内容

语法

$(selector).after(content)

after() 函数在所有匹配的元素之后插入 HTML 内容。

语法

$(selector).before(content)

before() 函数在所有匹配的元素之前插入 HTML 内容。

函数描述$(selector).html(content)改变被选元素的（内部）HTML$(selector).append(content)向被选元素的（内部）HTML 追加内容$(selector).prepend(content)向被选元素的（内部）HTML “预置”（Prepend）内容$(selector).after(content)在被选元素之后添加 HTML$(selector).before(content)在被选元素之前添加 HTML