# 使用 jQuery 获取接口数据并遍历 li 并绑定
在前端开发中，我们经常需要从后端获取数据并在页面上展示。而使用 jQuery 可以方便地通过 AJAX 请求获取接口数据，并通过 DOM 操作将数据渲染到页面上。
本文将介绍如何使用 jQuery 来获取接口数据，遍历 li 元素，并将数据绑定到页面上。
## 1. 什么是 jQuery？
jQuery 是一个快速、小巧且功能丰富的
原创
2023-12-08 08:11:39
135阅读
一、JQuery深入动画三种方式显示和隐藏元素默认显示和隐藏方式show([speed,[easing],[fn]])参数：speed：动画的速度。三个预定义的值(“slow”,“normal”, “fast”)或表示动画时长的毫秒数值(如：1000)easing：用来指定切换效果，默认是"swing"，可用参数"linear"swing：动画执行时效果是 先慢，中间快，最后...
原创
2021-08-26 10:07:35
109阅读
jquery事件绑定有三类，分别如下：
.bind()、live()、delegate()
三者之间没有的区别不是很明显，但是理解它们的具体使用场景，有助于我们写出简洁的代码，并防止我们的交互程序出现没有预料的bug。
事件绑定首先先看来dom树结构
下面提供一个示例图：
转载
2023-09-28 23:32:04
85阅读
jQuery事件与js类似，只是在名称上将前面的on去掉了，例如jQuery的click、mousedown、keypress事件。jQuery绑定事件有2种方法，下面用最基本的例子做演示。①直接绑定，$('selector').event(function () { 代码块;}) <button>click me</button>
<script src="bai
转载
2023-09-28 17:10:40
74阅读
/**
* 针对table进行数据绑定，绑定方式
*
table的定义 参数的传递 data-value
data-value: id为需绑定数据的编号 若需要跳转界面 url:界面路径 location:界面覆盖位置 若需要checkbox则添加check标签 若有xh标签则添加序号显示
formatter用于替换显示值
styleName用于绑定样式这里是class的样式 有的
转载
2023-06-09 20:08:37
104阅读
jquery中有四种事件绑定函数，bind()，live()，on()，delegate(),由于live现在并不常用，因此不做过多解释。1. bind()用法 $("div p").bind("click",function(){
alert("点击");
});
同：
$("div p").click(function(){
alert("点击");
}); 这里为div绑定了cl
转载
2024-03-02 10:13:20
51阅读
目录定义元素监听事件on() 绑定事件 定义元素监听事件语法：$(选择器).监听事件名称(处理函数); 说明：监听事件名称是 js事件中去掉 on 后的内容， js 中的onclick的监听事件名称是 click 例如： 为页面中所有的 button 绑定 onclick,并关联处理函数 fun1$("button").click(fun1(){//函数处理动作})&
转载
2023-06-30 10:25:29
91阅读
事件常用事件click(function(){....})
点击事件
hover(function(){....})
鼠标移动到文字上事件
blur(function(){....})
在输入区中点击，使其获得焦点，然后在输入区外点击，使其失去焦点事件
focus(function(){....})
当输入框获得焦点时，发生focus事件
change(function(){....})
当元素的
转载
2023-07-17 22:09:08
86阅读
JQUERY中事件绑定方式一、JavaScript中事件绑定方式:1.嵌入式绑定: 2.基于DOM对象绑定方式:二、jquery中事件绑定方式:1. $obj.jquery监听事件函数(处理函数)2.$obj.bind(“jquery监听事件函数名”,处理函数):以这种方式绑定监听事件，可以解除的一、show() 和hide():二、remove() 和empty():三、append() 和
转载
2023-08-04 17:30:25
78阅读
Jquery中绑定事件有三种方法：以click事件为例（1）target.click(function(){});
（2）target.bind("click",function(){});
（3）target.live("click",function(){});
$(".clickMe").live("click",fn);
转载
2023-06-26 17:41:52
576阅读
Jquery事件绑定V哥官网：http://www.vgxit.com本博客对应视频教程：http://www.vgxit.com/course/191，Jquery标准绑定事件对应的语法：jq对象.事件方法(回调函数);比如我们用单机事件举例：<!DOCTYPE html>
<html lang="en">
<head>
<met
转载
2023-08-06 07:06:27
67阅读
1、bind使用语法： 1 jQueryObject.bind( events [, data ], handler )
2 jQueryObject.bind( events [, data ] [, isDefaultBubble ] )
3 jQueryObject.bind( eventsMap ) ps：执行bind()时，会为当时文档中存在的每个匹配的元素绑定事件，如果之后你
转载
2023-08-01 21:26:09
99阅读
一、jQuery事件常用事件
blur([[data],fn]) 失去焦点
focus([[data],fn]) 获取焦点（ 搜索框例子）
change([[data],fn]) 当select下拉框中的元素发生改变的时候触发change事件(select例子)
click([[data],fn]) 点击
dblclick([[data],fn]) 双击
转载
2023-09-28 23:36:58
185阅读
jQuery 事件绑定jQuery 中提供了四种事件监听绑定方式，分别是 bind、on，对应的解除监听的函数分别是 unbind、off。 bind(event,[data],function)bind 是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数，参数的含义如下：event：事件类型，如 click、change、mouseover 等data：传入监听函
转载
2023-09-05 16:29:32
319阅读
on()的多事件绑定on()的高级用法卸载事件off()方法 on()的多事件绑定之前学的鼠标事件，表单事件与键盘事件都有个特点，就是直接给元素绑定一个处理函数，所有这类事件都是属于快捷处理。翻开源码其实可以看到，所有的快捷事件在底层的处理都是通过一个”on”方法来实现的。jQuery on()方法是官方推荐的绑定事件的一个方法。基本用法：*.on( events ,[ selector ] ,
转载
2023-08-31 23:17:53
157阅读
事件处理bind(type,function)：为每个匹配元素的特定事件绑定对应的事件处理函数，各参数含义如下： ①type表示事件类型，多个事件类型使用空格分隔。 ②fn表示绑定的函数。<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title&
转载
2023-08-18 22:02:22
91阅读
<div id="showtable">
</div>function getData(){
$.ajax({
type: "get", //以POST的方式发送请求
url: "testBoot/query",
data:"", //上面拼凑的链接及参数
// cont
转载
2022-01-06 09:43:00
177阅读
1.下图展示了一个家族树。通过
jQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 DOM 进行
遍历。图示解释：<div> 元素是 <ul> 的父元素，同时是其中所有内容的祖先。<ul> 元素是 <li> 元素的父元素，同时是 <div> 的子元素左边
转载
2023-09-04 22:44:17
59阅读
jQuery遍历(2) (1)、jQuery遍历之next()方法 jQuery是一个合集对象，如果想快速查找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合，此时可以用next()方法 理解节点查找关系： 如下元素就是红色部分，那蓝色的就是它的兄弟元素123 next()无参数 允许我们找遍元素集合中紧跟着这些元素的直接兄弟元素，并根据匹配的元素创建一个新的 jQuery 对象。 注意：jQ
转载
2023-12-03 09:10:13
56阅读
1、$(selecter).each与$.each方法$.each(demoArr|demoObj, function(e, ele))$(selecter).each可以看作专门用来
遍历DOMList的，如多个li标签，或者多个div标签，$.each可以用来
遍历数组和对象，其中e表示索引值或者key值，ele表示value值<body>
<div>tes
转载
2023-08-31 23:29:14
167阅读
