jquery-超好用的数据容器-data方法

最新推荐文章于 2022-12-12 14:07:28 发布
最新推荐文章于 2022-12-12 14:07:28 发布
阅读量347 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ifubing/article/details/99685236
版权

data方法的体验

当前代码

在这里插入图片描述

》添加与获取数据

在这里插入图片描述
通过data方法可以给这个对象添加一个键值对一样的东西

赋值通过 data（键，值）

取值通过 data（键）

》把另一个标签对象，作为值添加进来

在这里插入图片描述

随堂演练

在这里插入图片描述

》用法

  • 存值，存一个键值对

标签对象.data(键，值）

-存值，存多个键值对

标签对象.data({键1：值1，键2：值2}）

在这里插入图片描述

鲸鱼编程pyhui
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
jQuery-Paging动态分页数据获取插件.zip
07-11
《jQuery-Paging动态分页数据获取插件》 在网页开发中，数据的展示往往涉及到大量的信息处理，尤其是在用户交互时，如何优雅地处理大量数据的加载和展示，是提升用户体验的关键。jQuery-Paging插件就是一个针对这种...
html5的自定义data-*属性与jquery的data()方法的使用
09-28
从jQuery 1.4.3版本开始，.data()方法有了改进，提供了一个简洁的方式来处理data-*属性，它不仅能够读取，还能够自动将字符串形式的属性值转换为JavaScript数据类型，如数字和布尔值。 例如，给定一个拥有data-myid...
jquery容器样式
小不点的窝
04-29 589
jquery容器样式：http://www.malsup.com/jquery/corner/
jQuery插件第五十七：数据容器repeater
chinet_bridge的专栏
06-10 748
CSSrepeater{ display: none; }JSString.prototype.format = function (model) { return this.replace(/\{\{(\w+)\}\}/g, function (s, i) { var key = s.replace(/[^\w/?#%]*/g, ''); retu...
JQ前端方法容器
KKL_renwu的专栏
02-05 557
前端函数
数据容器（Container）
weixin_43818488的博客
05-07 2620
在 Python 中，有个数据容器（Container）的概念。 其中包括字符串、由 range() 函数生成的等差数列、列表（List）、元组（Tuple）、集合（Set）、字典（Dictionary）。 这些容器，各有各的用处。其中又分为可变容器（Mutable）和不可变容器（Immutable）。可变的有列表、集合、字典；不可变的有字符串、range() 生成的等差数列、元组。集合，又分为 ...
jquery实现元素在两个容器间来回移动
william_djj的专栏
11-28 1495
假设两个容器（用div模拟）的id分别是ul_all_tags 和ul_sel_tags ，鼠标点击其中的一个就会移动到另一个容器中。 先看一下可用的代码：   <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>&
Jquery-Cropper实现文件下载
07-31
4. **调用方法**: 可以通过 Cropper API 调用各种方法，例如 `crop()` 进行裁剪，`rotate()` 进行旋转，`getData()` 获取裁剪数据等。 5. **实现下载**: 当用户完成裁剪后，可以使用 `getCroppedCanvas()` 方法获取...
bootstrap样式的jquery-ztree
11-03
《Bootstrap样式的jQuery-zTree详解》 在网页开发中，数据的展示往往需要有层次感，这时候树形控件就显得尤为重要。...无论是用于导航菜单、数据展示还是下拉列表，Bootstrap风格的jQuery-zTree都是一个优秀的选择。
jquery-steps demo
08-31
使用`data-step`属性来指定步骤编号，并在`<h3>`或`<h4>`标签中定义步骤标题： ```html <form id="example-form"> <h3>Step 1 <!-- Step 1 content goes here --> <h3>Step 2 <!-- Step 2 content ...
jquery 的使用
weixin_30701575的博客
12-28 75
获取和设置id名为temp_text的div的html里的内容： var text=$("div[id=temp_text]").html();$("div[id=temp_bszn_text]").html(html); jquery checkbox 将一组名为modifySystem的checkbox 中value=1的设置为选中 $("input[name=...
JS/jQuery，给数组添加不同的键值，或将键合并到值内生成新数组
人工智障阿门的博客
01-21 1458
JS，jQuery，给数组添加不同的键值 由于项目需要，遇到了服务器返回过来的数据是没有键值的数组，所以要进行处理，这就写了以下的这个demo 上面服务器返回的数据 要把它改成每组都带有键值的，而且键的，而且值就在值里面， 已知第一个值的键是不同的，第二个键是sourse // demo没有服务器，就手动写一下原始数组 var arr = [ ["imsi:123456666", "备注2021年1月7日18:01:11"], ["imsi:23344343243", "
jQuery
Ayhan_huang的博客
08-14 1104
概况 什么是jQuery jQuery是一个轻量的JavaScript库，它的目的是简化JavaScript的使用。jQuery将很多常用的功能封装成方法，这些功能往往需要很多JavaScript代码才能实现，有了jQuery，你只需要一行代码调用就可以实现。 引入jQuery <script src="jquery-3.2.1.js"></script> jQuery对象： 3.1 通过jQ
layui中的data.field
京北游戏官方
09-24 3万+
data.field 这里data.field可以点出表单中任意name属性 layui.use(['form','jquery','jquery_cookie'],function () { var form = layui.form, layer = layui.layer, $ = layui.jquery, $ = layui.jquery_cookie($); form.
js ajax data,javascript - jQuery ajax "data" field with mixed data - Stack Overflow
weixin_42492211的博客
08-06 71
I have a form with some fields in it:1GB8GBRedBlueI want to pass that data over jQuery ajax so I'm using:$.ajax({type: 'post',url: 'index.php?route=product/options_plus_redux/updateImage',dataType: 'j...
jQuery Data 属性
Proction的博客
12-12 1143
JS中的data自定义属性
jquery 获取data-* 属性值
热门推荐
mengzuchao的专栏
05-29 5万+
下面就详细介绍四种方法获取data-*属性的值&lt;li id="getId" data-id="122" data-vice-id="11"&gt;获取id&lt;/li&gt;1需要获取的就是data-id 和 dtat-vice-id的值一：getAttribute()方法const getId = document.getElementById('getId'); // //getAtt...
jquery easyui datagrid的field支持子属性即field.attr格式（1.3.2）
tianshijianbing1989的专栏
03-23 6194
jquery easyui datagrid的field支持子属性，即field.attr格式（jquery easyui 1.3.2）
jquery datefield
luqingxuan
09-02 208
支持年月日、年月、年月日时分秒、年月日时分、时分秒、时分六种下拉选择 注意，需要moment.js插件作为前提 ; (function($) { /** 国际化 **/ $.i18n = $.i18n || {}; $.i18n.week = '周'; $.i18n.days = [ '日', '一', '二', '三', '四', '五', '六' ]; $.i18...
text/x-jquery-tmpl 嵌套
最新发布
05-26
text/x-jquery-tmpl 是 jQuery 模板插件的一种类型，用于快速生成 HTML 代码。嵌套模板是指在一个模板中嵌套另一个模板，以实现更复杂的页面布局和数据渲染。 以下是一个简单的嵌套模板示例： ```html <script id="outerTemplate" type="text/x-jquery-tmpl"> <div> <h2>${title}</h2> {{tmpl(items) "#innerTemplate"}} </div> </script> <script id="innerTemplate" type="text/x-jquery-tmpl"> <ul> {{each(i, item) items}} <li>${item}</li> {{/each}} </ul> </script> <div id="output"></div> ``` 在上面的示例中，我们定义了两个模板：`outerTemplate` 和 `innerTemplate`。`outerTemplate` 中使用了 jQuery 模板插件的 `{{tmpl}}` 命令来嵌套 `innerTemplate`，并将 `items` 数据传递给 `innerTemplate` 进行渲染。 在 JavaScript 代码中，我们可以使用以下代码来渲染模板： ```javascript var data = { title: "My List", items: ["Item 1", "Item 2", "Item 3"] }; $(document).ready(function() { $("#outerTemplate").tmpl(data).appendTo("#output"); }); ``` 此时，页面上的 `#output` 容器中将会生成以下 HTML 代码： ```html <div> <h2>My List</h2> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </div> ``` 这个示例只是一个简单的嵌套模板示例，实际应用中可能需要更复杂的模板嵌套、条件判断和循环等操作。但是，使用 jQuery 模板插件可以大大简化这些操作，使得我们可以更快速地生成复杂的 HTML 页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

鲸鱼编程pyhui

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值