第十五天 jquery和ajax

最新推荐文章于 2022-07-05 22:43:57 发布

转载最新推荐文章于 2022-07-05 22:43:57 发布 · 190 阅读

本文介绍了jQuery的基础使用方法，包括如何引入jQuery库及利用jQuery进行DOM操作的重点代码。此外，还详细阐述了Ajax的特点及其在jQuery中的应用，包括POST与GET方式提交表单的具体实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery其实就是简化版的js

在使用jquery时要先使用script标签引入地址<script type="text/javascript" src="jquery.js"></script>

注意的是src属性是jquery文件的地址，且这个script标签中不能写代码

jquery中查找标签对象的代码 /////////////////////重点

常用的三种： html jquery

通过id查找                                 <p id="my">p_div</p>         $("#myid");

通过class查找                              <p id="my">p_div</p>                 $(".class");

查找一类标签                                <p>p</p>                                        $("p");

示例和一些其他标签：

总结

总结：以逗号隔开的选择器找出来的是数组，
以空格 隔开的选这起找出来的是第一个标签下的第二个标签下的子子孙孙，
以>符号隔开的连个选择器只找到所有儿子，
以+号链接的两个栓择期是在第一个选择器的下次找第二个选择器的紧接着第一个 ，
以~链接的两个的选择器是找第一个选择器下面的第二个选择器的所有兄弟。


ajax特点：局部刷新
核心  ：XMLHttpRequset对象
优势：通过异步模式提升用户体验，优化浏览器和服务器的传输
同servlet一样使用get和post方式发送消息

在jQuery中ajax提交表单有post与get方式，在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了，下面我来介绍两个提交表单数据的方法。
$get方式提交表单
get() 方法通过远程 HTTP GET 请求载入信息
格式
$(selector).get(url,data,success(response,status,xhr),dataType)