浅谈Jquery的使用下篇
2013-06-19 14:50
78 查看
上一篇我们已经探讨了Jquery的有关的内容,简单的选择器以及一些Jquery的属性事件和方法等内容,让我们简单的学到了Jquery的比较基础的内容,下面我们就来探讨Jquery的一些其它的内容,比如Jquery 与AJAX的使用等内容方面,希望学习了能使大家对Jquery的使用更加的灵活
1、实现Jquery与AJAX的联合使用
AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。
(1)、jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
load() 方法从服务器加载数据,并把返回的数据放入被选元素中。
语法:
必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。
(2)、jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。
jQuery $.get() 方法
$.get() 方法通过 HTTP GET 请求从服务器上请求数据。
语法:
必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
jQuery $.post() 方法
$.post() 方法通过 HTTP POST 请求从服务器上请求数据。
语法:
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。
2、实现Jquery与HTML的联合使用
(1)、改变 HTML 内容
语法
html() 函数改变所匹配的 HTML 元素的内容(innerHTML)。
(2)、添加 HTML 内容
语法
append() 函数向所匹配的 HTML 元素内部追加内容。
语法
prepend() 函数向所匹配的 HTML 元素内部预置(Prepend)内容
语法
after() 函数在所有匹配的元素之后插入 HTML 内容。
语法
before() 函数在所有匹配的元素之前插入 HTML 内容。
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 |
相关文章推荐
- 浅谈Jquery的使用上篇
- 浅谈jquery中使用canvas的问题
- 浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
- 浅谈jquery中使用canvas的问题
- 浅谈jquery中使用canvas的问题
- 浅谈jquery中使用canvas的问题
- 浅谈对Jquery+JSON+WebService的使用小结
- 浅谈对Jquery+JSON+WebService的使用小结
- 浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
- 浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
- 浅谈jQuery Pagination Ajax 分页插件的使用
- 浅谈jQuery使用this和event.target
- 浅谈jquery中使用canvas的问题
- 浅谈使用jQuery实现Ajax
- 浅谈jquery中使用canvas的问题
- 浅谈jquery中使用canvas的问题
- 浅谈jquery中使用canvas的问题
- 浅谈jquery中使用canvas的问题
- 浅谈jquery中使用canvas的问题
- 使用JQuery实现漂亮的三级级联下拉框