jQuery

38 阅读2分钟

引入 jQuery文件以后,会在全局暴露两个变量名:$、jQuery

根据ID名称获取:$(“#id名称")

根据元素类名获取:$(“.类名")

根据元素标签名获取$(”标签名称")

2023-11-01.png

jQuery里诸如获取ID这种,即使最终获取的是单个元素,也是放在一个对象中返回的,而不是直接返回给你这个元素本身,这一点和原生javaScript操作还是有区别的

创建节点:$(“html节点”)
插入节点:父节点.append(子节点)
选择器.insertBefore(选择器)
删除节点:选择器.empty() 此操作清空父节点所有内容
选择器.remove()
替换节点:选择器.replaceWith(替换的元素);

Ajax的全称是Asynchronous JavaScript and XML 中文名称定义为异步的JavaScript和XML
Ajax就是用 JS 向服务端发起一个请求,并获取服务器返回的内容
Ajax也是更新页面内容,跟以前的技术最大的不同点在于它可以在不重新加载整个网页的情况下,对网页的某部分进行更新,仅此而已。

四个步骤:
1.创建一个 ajax 对象
2.配置本次的请求信息
3.配置一个请求完成后触发的事件
4.把本次请求发送出去

Ajax的请求方式有get 、post、delete、put、patch等,常用的是get与post请求

2023-11-01 (1).png

同步请求:同步是一件事一件事的做;只有执行完前一个任务,才会执行下一个任务;同步请求的时候当请求还没有响应结果的时候无法进行其他操作,页面像卡死一样。
异步请求:可以同时执行多个任务;请求发送后即可做其他事情,等有响应了再去处理响应。

不论是原生js,还是jquery后的ajax,你会发现我们请求的这个接口,得到的数据都是字符串,但是字符串的内容是JSON格式的,因此我们可以使用 JSON.parse(str) 将响应的字符串转换为JSON对象,然后我们就可以像操作对象一样操作这个数据啦

JSON规范介绍:
数据以键值对出现
key要以双引号包裹
value如果是字符串也要用双引号