jquery的全套学习

jquery数组的遍历:

jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。

  • 1: 原始遍历(普通for)将指定的代码重复执行指定的次数
  • 2:jquery对象函数遍历(对象.each)
  $("div").each(function(index,element){  });
  • 3:jquery全局函数遍历($.each)
$.each(数组的对象,function(index,elemen){})
  • 4:jquery3.0新特性(增强for)
for(li of liEles){
  }

在这里插入图片描述

jquery事件绑定和解绑

<input id="btnId" type="button" onclick="clickFn()" value="点我,弹框"/>
  • 方式1:在标签中写死
    function clickFn(){}
  • 方式2:在程序中动态绑定,但是不能解绑
    $("#btnId").click(function(){});
  • 方式3:在程序中动态绑定,可以解绑
    $("#btnId").on(“click”,function(){});
    $("#btnId").on(“mouseover”,function(){});
  • 这种绑定事件的方式可以解绑
    $("#btnId").off(“click”);
    $("#btnId").off(“mouseover”);jQuery元素对象.off(事件名称);//如果off不加参数,表示解除所有事件
    一些遍历方法
    在这里插入图片描述

可查看:https://www.runoob.com/jquery/jquery-ref-traversing.html

jQuery AJAX 方法

AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。
一些AJAX方法:
在这里插入图片描述

其他的可查看:https://www.runoob.com/jquery/jquery-ref-ajax.html

$.ajax请求方式

  • (1)什么是 . a j a x 请 求 方 式 这 种 方 式 是 将 .ajax请求方式 这种方式是将 .ajax.get和 . p o s t 方 式 合 成 一 种 请 求 : G E T − 从 指 定 的 资 源 请 求 数 据 语 法 : .post方式合成一种请求: GET - 从指定的资源请求数据 语法: .postGET.get(URL,callback);
    POST - 向指定的资源提交要处理的数据
    语法:$.post(URL,data,callback);
  • (2)如何调用
    $.ajax({键:值,键:值,键:值});

json字符串

  • (1)什么是json字符串
    JSON( JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。
  • (2)有什么特点?
    1 完全独立于编程语言的文本格式来存储和表示数据。
    2 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。
    3 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
    其他内容可看:https://www.runoob.com/json/json-eval.html
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页