Jquery自定义属性
是指在使用Jquery库进行前端开发时，可以通过自定义属性来为HTML元素添加额外的数据或信息。这些自定义属性可以在JavaScript代码中使用，以实现对元素的操作和处理。
Jquery自定义属性的分类：
- 数据属性（data-*）：使用"data-"前缀定义的属性，可以存储任意类型的数据。这些属性可以通过
data()方法获取和设置，也可以通过选择器进行筛选和操作。
优势：
- 灵活性：自定义属性可以根据需求存储各种类型的数据，方便开发人员在前端进行数据传递和操作。
- 可扩展性：开发人员可以根据具体需求自定义属性，扩展HTML元素的功能和行为。
- 兼容性：Jquery自定义属性在各种浏览器中都能正常使用，保证了跨浏览器的兼容性。
应用场景：
- 数据存储：可以将数据存储在自定义属性中，方便在前端进行数据处理和操作。
- 事件绑定：可以通过自定义属性为元素绑定特定的事件，实现交互效果。
- 样式控制：可以通过自定义属性来控制元素的样式，实现动态样式效果。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和管理各类非结构化数据。产品介绍链接：https://cloud.tencent.com/product/cos
总结：Jquery自定义属性是一种在前端开发中使用Jquery库时，为HTML元素添加额外数据或信息的方式。它具有灵活性、可扩展性和兼容性等优势，适用于数据存储、事件绑定和样式控制等场景。腾讯云的对象存储（COS）是一个推荐的云计算产品，可用于存储和管理各类非结构化数据。
相关·内容
1回答
在使用客户端模板(如jQuery模板)时，将主键与表行相关联的最佳方式是什么？
我是不是应该做一些数据绑定之类的事情？或者我应该像这样将id嵌入并隐藏在表中：
<script id="contactsTemplate" type="text/x-jquery-tmpl">
<table class="contacts">
<thead><tr><td class="ui-helper-hidden">Id</td><td>Name<
浏览 0提问于2010-12-14得票数 2
回答已采纳
2回答
添加自定义属性
、、、
在我正在创建的一个相当复杂的HTML5 few应用程序中，我发现向一些文档元素添加一些自定义属性是很方便的。有了jQuery，我发现我可以毫无问题地检索这些属性--目前在Chrome、Safari和Firefox中，我希望在Android/iPhone移动浏览器上也能如此。
问题-这样的用法，注入自定义属性，是可以的，还是我会破坏一些东西。为了让事情进入上下文，我使用了带有jQuery和一些jQuery插件的jQuery移动。
另外，我假设可以使用jQuery检索具有指定属性的所有元素。
浏览 3提问于2012-07-11得票数 4
回答已采纳
我使用jquery 2.2.3，我有这个div：
<div class="typeahead" data-minLength="1" data-queryURL="url"></div>
如果我这样做了：
console.log(jQuery('.typeahead').attr('data-queryURL')
我得到了"url“。
如果我这样做了：
console.log(jQuery('.typeahead').data('queryURL')
浏览 1提问于2018-05-28得票数 0
2回答
问题1:我在HTML5中看到了email input type，即使我在浏览器中禁用了Javascript，它使用什么技术来验证？
问题2:也是，在firebug profiler中，我看到了data-val-regex of ASP.NET，反过来调用了Jquery，如何将控件转移给它呢？也就是说，data-val-regex是JQuery的特性还是HTML的特性？
参考资料：
<div style="width:255px; height: 30px; float:left;"><input data-val="true" data-val
浏览 3提问于2013-05-10得票数 0
2回答
嗯，我承认:我已经广泛地使用jQuery.attr在许多脚本中用DOM元素存储自定义数据。我想知道是否将我的所有脚本转换为使用jQuery.data而不是jQuery.attr。据我所知，jQuery.data的优点是：
生成整洁有效的HTML代码
可以存储任何类型的数据(对象、数组、.)论要素
自定义属性的主要优点是：
如果网页不是严格的HTML，我可以在服务器上生成带有自定义属性的HTML代码
在firebug中，很容易检查我的HTML代码，以搜索我的自定义属性
有人能告诉我，如果我错过了什么，或者是否存在使用jQuery.data非常可取的问题？
浏览 2提问于2009-08-26得票数 6
回答已采纳
1回答
我们使用Jquery的jquery提示插件来显示工具提示
我们有tree(使用Jstree- lazy加载)。仅当单击全部展开按钮时，才会打开树节点。所以树的内容是动态加载的。
为了显示工具提示，我们使用了tiptip
$('a[title]').live('mouseover', function() {
$(this).tipTip();
$(this).trigger('mouseenter');
});
但在IE中，它使用title属性和Tip Tip插件显示IE工具提示(默认)。我们不需要IE默认的工具提示
浏览 0提问于2012-08-23得票数 0
5回答
我在玩JQuery关键字这个。
我遇到了一些我不明白的事情。这是我的代码：
<body>
<a id="link_1">jQuery.com</a>
<!-- adding JQUERY -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!-- my JavaScript -->
浏览 2提问于2015-03-21得票数 3
回答已采纳
我试图使用JQuery .prop()函数向元素添加自定义属性，但没有效果。以下是我尝试过的：
var header = $(document.getElementById("header-main"));
if (header.prop('error')) {
//do something
}
else {
$('#header-main').prop('error', true);
header.prop('error', true);
//neither of these change the
浏览 1提问于2018-07-03得票数 1
回答已采纳
我试图在使用jQuery时添加一个单一的、简单的客户端验证规则。我的验证函数从未被调用，警报从未触发。我做错了什么？我已经把它从一个更复杂的MVC应用程序中去掉了。
<html>
<head>
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"&g
浏览 2提问于2015-10-13得票数 0
1回答
如果可能的话，我需要一点指导..
我正在构建一个包含自定义web控件的类库。我已经将许多jQuery UI元素转换为.NET类，以便在页面中动态使用。例如：
Dim Msg As New Dialog("Dialog Title", New LiteralControl("Dialog Content"))
Msg.Width.Value = 500
Msg.Height.Value = 300
Me.Controls.Add(Msg )
必要的脚本在CreateChildControls期间被插入到头部，任何jQuery文件引用
浏览 0提问于2011-09-01得票数 1
回答已采纳
我正在为我的自定义网格视图制作一个自定义排序工具。
我使用jQuery ui $.autocomplete()从TABLE中的COLUMN查找DISTINCT VALUE。
然后，我将选择的值添加到jquery ui $.selectable()。
我通常使用id属性来存储不同的类型值(比如TABLE PRIMARY in )，所以当我尝试存储这些值时，我的问题就出现了，因为它们可能不符合HTML id标准，也不能被jQuery读取。
我如何创建一个函数来转义和反转义数据库中的任何文本到jQuery可读的HTML id中，然后再返回？
浏览 0提问于2013-04-19得票数 1
回答已采纳
2回答
我有一个jQuery插件(我不想修改)，它动态地创建一个div。除此之外，我还有一个webcomponent scrollable-div，它是一个从HTMLDivElement扩展而来的定制内置组件。由于我无法控制div是如何由jQuery插件创建的，所以我需要在创建之后和它已经添加到DOM之后对它进行升级。
class myDiv extends HTMLDivElement {
constructor(...args) {
const self = super(...args);
self.addEventListener('click', (e)
浏览 2提问于2018-07-24得票数 3
回答已采纳
我知道js异步问题，这就是为什么我想出了以下两个函数，以便将ajax放在可重用函数调用中，这样我就可以在站点的其他部分使用它。这项工作在进行回调时非常好。
但是下面的问题是，我需要一个来自getBlocks() ajax调用的变量，这个变量需要在第二个ajax调用getAcct()中。我在第一个ajax调用中有一个for循环，它在每次迭代中调用第二个ajax调用，以获得帐户的名称。我试着设置全局变量qq，但它总是显示未定义。
如何解决以下问题？
//get nxt blockchain transactions
function getBlocks(acct, ip, pikachu) {
浏览 0提问于2016-12-03得票数 0
回答已采纳
我一直在添加使用JQuery引用的自定义属性，这非常有用。但这是很好的做法吗？
示例：
<div class="monkeys" customattr="big Monkey"> </div>
感谢所有人
浏览 1提问于2011-10-06得票数 11
回答已采纳
我有一个非AMD javascript，它包含我的自定义函数，如：
function getItemIndexById(items, id){
for(var i = 0; i < items.length; i++){
if(items[i].ID == id) return i;
}
return false;
}
//more than one define custom function here.
在这里，main.js文件：
requirejs.config({
enforceDefine: true,
paths: {
"
浏览 2提问于2013-10-02得票数 2
回答已采纳
1回答
我无法让列按'name‘值以外的索引进行排序。在本例中，我尝试按周顺序而不是字母数字顺序对聚合类型列(值是一周中的几天)进行排序。为此，我添加了一个索引列('Aggregation type- index ')，它包含星期几和整数。但是，使用此配置时，它无法按索引或名称对该列进行排序。有人能给我指出我的错误所在吗？
我在页面上贴了所有的js和css，因为我还有另外两个问题，如果你注意到这个问题很棒，否则我会继续寻找。我希望能够启用列重新排序，并能够调整网格大小(两者都显示在的新In3.6选项卡下)。这两个选项也都不起作用。
<link rel="style
浏览 2提问于2012-06-21得票数 0
回答已采纳
1回答
如何在aurelia中调整元素的大小。我有一个带有元素和调整大小元素的菜单，溢出的块必须被推到下拉菜单。我可以使用jquery和元素的位置来实现它，但也许我可以在aurelia中不使用它。以及如何在aurelia类中正确使用jquery。感谢并为我的英语道歉:)
import $ from 'jquery';
export class CategoriesElement {
check(){
// this.dropdown = this.categories;
$('.categories-menu');
}
浏览 1提问于2016-12-29得票数 0
4回答
可能重复：
我有个奇怪的问题，但我希望我只是在做些蠢事。我试图使用<img>元素使用jQuery创建一个新属性，这一行：
$(selector).attr('selected', 'no');
当我检查Chrome中的DOM时，我只看到selected=“被选中”，不管我将值设置为什么。
只是一些额外的信息:我不能只使用布尔值，因为我需要跟踪“是”、“否”和“部分”属性值。我从img本身的"onClick“事件调用JS函数，并将this作为参数传递。我检查了方法中的对象，并传递了正确的对象；属性被设置(即使设置为错误的值)也支持这一
浏览 7提问于2012-10-18得票数 6
回答已采纳
1回答
我的公司正在开发一个多租户应用程序，它必须通过数据库完全可定制。这包括验证，因此我创建了两个表，其中包含有关jquery验证方法以及分配给属性的方式的信息。
我禁用了自动属性验证生成，并使用正确生成多个客户端验证规则的属性标记每个相关属性。但是，当我必须在服务器端验证模型时，问题就出现了。我已经对所需的数字和数字进行了验证，但是我对这个解决方案并不满意。
是否有一种方法可以动态地将我的自定义验证属性与内置属性链接起来？总的想法是，我的自定义验证器将从数据库接收一组所需的验证方法，并将验证检查传播到内置的MVC验证方法，因此我不必实现它。
很抱歉没有发布代码，但我不能这么做。如果这在MVC中是可
浏览 1提问于2013-10-02得票数 1
我不能连续地得到一个单元格的cellIndex。代码如下：
jQuery JS：
if (jQuery('td'[value='someValue'])) {
var cellIndex = jQuery(this).cellIndex;
console.log(cellIndex);
}
而html：
<tr>
<td>someValue</td>
</tr>
我希望你能得到，我的意思是，谢谢你的回答！
浏览 1提问于2018-04-24得票数 1
回答已采纳
当我在下拉列表上使用jQuery-UI选择菜单并试图调用selectedindexchanged事件时，它不会触发，否则如果我从下拉列表中删除select menu的jQuery函数，它会工作得很好。
我不能整理，这里需要帮助。
我的实现是
<asp:DropDownList runat="server" ID="ddlProjects" AutoPostBack="true" CssClass="form-control ddlStyle" OnSelectedIndexChanged="ddlProjects_S
浏览 6提问于2014-08-13得票数 0
我以前能拿到
$('[data-role=header]').first().height()
在jQuery 1.5.2的alpha版本中，但在jQuery 1.6.1的beta版本中不再可以。有什么改变了吗？
完整代码-这将向console.log写入0...
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width,
浏览 3提问于2011-07-01得票数 3
回答已采纳
我很难将工具提示属性绑定到jquery插件中的一个值，我有一个想法，我只想实现它，因为我需要知道如何将html元素绑定到一个value.In --我的插件--我使用this.data("number",number).Is传递了这个值--它可以用一些额外的化装传递给像addClass('tooltip')这样的数字，并将函数调用到像$('.class').tooltipser()这样的类。
我可以在jquery中这样做吗？
注意:数字是我传递给变量的一个值。
浏览 1提问于2016-09-01得票数 0
回答已采纳
2回答
我遵循的是一个jQuery ，它的代码在jQuery 1.4.3中似乎运行得很好，但我需要它来处理jQuery 1.8.3。
jsfiddle:
问题:当我切换到1.8.3版的jQuery版本时，在用class替换className之后，Result窗格中显示的选择框在<div class="selectBox"></div>中没有任何文本。
更改后的jsfiddle：
我还错过了什么变化？
浏览 2提问于2012-12-09得票数 0
回答已采纳
我想使用jQuery ajaxError()处理程序创建一个全局ajax错误处理程序，如下所示：
$(document).ajaxError(function(e, xhr, settings, exception) {
alert('error in: ' + settings.url + ' \\n'+'error:\\n' + exception);
});
来源：
但是我想扩展一下，让服务器返回一个JSON对象，而不仅仅是文本，然后我的错误处理程序可以使用该对象的属性来决定要做什么，并创建一个漂亮的错误对话框。但是我该怎么做呢？
浏览 1提问于2012-09-22得票数 0
回答已采纳
我有一行html：
<div class="cycle-slideshow" data-cycle-prev=".butleft" data-cycle-next=".butright" data-cycle-fx="scrollHorz" data-cycle-swipe="true" data-cycle-swipe-fx="scrollHorz" data-cycle-timeout=0 data-cycle-slides="section">
这是密码
浏览 2提问于2015-09-18得票数 0
回答已采纳
使用jQuery.extend()函数调用在jQuery中复制javascript对象非常容易。我很好奇，有没有办法在mongodb shell中做同样的事情呢？
浏览 0提问于2012-06-21得票数 1
回答已采纳
当我更改引导程序(在线)和CSS库(脱机-内部)的顺序时，它们会影响在HTML文档中使用的h3。让我更多地解释一下冲突。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script
浏览 0提问于2017-09-19得票数 0
我对Chrome和Safari有个问题：
代码示例：
// Get all links with the same data-test attribute
links = $('[data-test]');
//The issue is here:
// This only works in Chrome, not in safari.
var test = links[0].testProperty;
// This works in Chrome and Safari.
var test2 = $(links[0]).attr('testProperty&#
浏览 3提问于2017-04-18得票数 0
回答已采纳
我对如何理解jQuery方法scrollTop()和属性scrollTop之间的区别感到有点困惑。实际上，我在互联网上的几个地方读过关于jQuery method scrollTop()的文章，但令人惊讶的是，我在任何地方都没有读到scrollTop也是jQuery属性。我不确定，但虽然我在许多动画()方法的代码中看到，人们使用scrollTop: value滚动页面。所以请让我明白这件事。互联网上是否有任何资源可以告诉scrollTop也可以使用一个属性。
浏览 4提问于2014-06-27得票数 1
回答已采纳
1回答
我已经能够用document.documentElement.style.setProperty("--text-color", "#333")编辑CSS变量，但是，我还不能用jQuery来再现这一点，.css()原型似乎只适用于已知的CSS属性。
下面是上面CSS变量的CSS示例。
:root {
--text-color: #888;
}
div {
color: var(--text-color);
}
浏览 1提问于2017-01-01得票数 1
回答已采纳
2回答
我正在执行clientside validation和server side validation使用jquery和Asp.net custom validator，required field validator.What我正在做的是我显示一个'X‘旁边有错误的input.This工作正常，我的问题是当一个文本框有错误的输入它显示'X’作为jquery validation函数触发它，同时当他提交数据，自定义验证器也显示一个'X'，所以两个'X''X‘是这样显示的，这种看起来很奇怪。因此，我可以做什么，以便它是正确的显示，如果我从cus
浏览 1提问于2012-03-10得票数 2
回答已采纳
1回答
我试图覆盖由jQuery Validator插件提供的“必需”和“最小长度”验证器的功能。以下是我的代码：
jQuery(".form-cls").validate({
errorElement: "span",
errorClass: "error-msg",
rules: {
email:{
required:true,
email:true,
alread
浏览 0提问于2015-01-21得票数 1
回答已采纳
这些数据属性是hmtl5的一部分吗？它们是jQuery使用的吗？我认为数据属性是通用的。为什么要打开确认框?当数据方法是POST时，如何将链接转换为post？
我在网上搜索过这些属性，但是找不到任何有用的东西。我刚刚看到那些属性经常被提到红宝石的东西。
有官方文件吗？
更新：
我发现他们是在中使用的。但是，其他(ruby)框架似乎以同样的方式使用这些属性()。这似乎就是为什么我觉得它是jQuery或html5的一部分的原因。
浏览 4提问于2015-10-01得票数 8
回答已采纳
2回答
我有一个这样的名单
<ul class="dropdown-menu btn-block pull-left" role="menu" aria-labelledby="dropdownMenu1">
<li value="http://www.example.com/" role="presentation">
<a role="menuitem" tabindex="-1" href="#">Examp
浏览 5提问于2014-07-02得票数 0
回答已采纳
我正在尝试将jQuery添加到SharePoint2013母版页。我所做的：
1)
将jquery -“jQuery1.11.1.min.js”复制到C:\Program \Common\Microsoft Shared\Web Extensions15\TEMPLATE\LAYOUTS。
复制seattle.html并添加<!--SPM:<SharePoint:ScriptLink language="javascript" name="/_layouts/jquery-1.11.1.min.js" runat="server
浏览 0提问于2014-08-14得票数 0
回答已采纳
我正在创建一个使用jQuery的iframe到一个“跨站点”的网址。这在Firefox中可以正常工作，但IE会将父页面的域名添加到iframes src URL。
例如，如果我正在创建iframe (使用jQuery)：
<iframe src="http://www.google.com"></iframe>
IE将尝试加载的页面为：
http://www._mysite_.com/http://www.google.com
如果我静态地在HTML中创建iframe，一切都会正常工作。只有当我使用JS创建它时，它才会加载错误的页面。
我想如果这是IE内
浏览 0提问于2012-03-04得票数 0
回答已采纳
我正在尝试使用一个与所有浏览器行为相似的选择框。没有不使用jquery插件的解决方案吗？
浏览 3提问于2013-12-18得票数 0
回答已采纳
1回答
我有一个带有id=‘斜率’的svg线。我想通过改变y1和y2值来改变斜率。这样做很好：
$('#slope').attr({y1:10});
$('#slope').attr({y2:30});
正如预期的那样，这条线改变了角度，因此它从y=10开始，以y=30结束。但是，我不能给它动画。这给了我一个错误，声称y1和y2是只读属性：
$('#slope').animate({y1:10});
$('#slope').animate({y2:30});
这是jquery中的一个bug，还是jquery无法激活一行的y1和y2。我用c
浏览 1提问于2020-02-15得票数 0
回答已采纳
我试图建立一个由不同的用户控件组成的页面，其中分为3列。
我已经为将在其中加载用户控件的页面和小部件创建了一个自定义类。自定义类需要存储在XML文件中，并使用jQuery sortable实现拖放功能。
在这一点上，我的问题是，加载和保存页面的状态以及页面内的小部件的最佳实现是什么？我正在考虑使用JSON和WebMethod来实现这一点，但我仍然缺少关于如何构建页面的架构。
请帮帮我，因为我在ASP.NET开发和jQuery方面是个新手...提前感谢！
浏览 0提问于2010-02-13得票数 0
1回答
我有一个流体视图和一些<f:form.hidden/>字段。
它们中的大多数都是由jQuery魔术填充的(比如自动完成；复选框被加在一起，然后放入一个隐藏字段.)，为此，我添加了一些普通的html，非流体输入，这是我在操作中不需要的，这只是为用户准备的。
那么，是否有可能仅仅发送流体生成的输入，并从请求参数中删除非流体平面输入？
提前感谢
浏览 0提问于2013-12-04得票数 0
回答已采纳
1回答
span更改时的验证码
、、、、
嗨，所以我的目标是在属性改变后显示submit-form。
<span class="recaptcha-checkbox goog-inline-block recaptcha-checkbox-unchecked rc-anchor-checkbox recaptcha-checkbox-expired" role="checkbox" aria-checked="false" id="recaptcha-anchor" tabindex="0" dir="ltr" aria-labell
浏览 16提问于2017-07-28得票数 0
回答已采纳
2回答
我想知道如何使用jQuery创建类似这样的flash carousel：
可以使用jQuery Cycle、jQuery Tools或jCarousel来完成吗？
任何意见都会很有帮助，谢谢！
浏览 0提问于2011-06-30得票数 0
1回答
我正在建立一个网站使用数据表，jquery和css从使用visual studio。
jquery在我的网站上运行得很好。然而，现在我不能在我的网站上使用我的自定义css。所有的模板和样式基本上都遵循该源代码提供的jquery和css文件。有人知道为什么吗？
浏览 0提问于2017-10-26得票数 0
2回答
在我的JavaScript类中，我遇到了以下问题：
//===== i set this data record
jQuery(element).data("types", "row");
console.log(jQuery(element).data("types")); // writes "row" (the element is a div)
//==== into other method
//==== i want find all element with data-types = row
console.log
浏览 5提问于2014-12-10得票数 0
回答已采纳
如何使用javascript或jquery获取自定义属性的值？
喜欢
<strong id="the id" original-title="I NEED THIS">
我已经尝试了.getAttribute() and attr()..(Javascrupt & jQuery)，但没有成功，有什么想法吗？
浏览 1提问于2012-09-01得票数 44
回答已采纳
1回答
我正在尝试让jQuery的动画幻灯片，而不是切换。我的超文本标记语言<head>中包含了这些文件
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
jQuery：
// $item is
浏览 1提问于2011-05-31得票数 2
回答已采纳
1回答
我使用的是JQM 1.4.5范围滑块，我想直接从数组中获取值/步骤.我找不到任何可靠的方法.
我的数组
var myArray = [ "0", "1", "6", "a", "F", "5B", "2x" ];
我的滑块
<input class="ui-hidden-accessible" type="range" name="rangeInput" id="rangeInput" value="0&#
浏览 5提问于2014-12-11得票数 1
回答已采纳
1回答
我希望在一个单元格中显示两个选择框，或者将单独的单元格合并为一个单元格。由于网格需要在一个单元格中显示两个值，这些值在编辑时成为两个不同的选择菜单，每个菜单从数组中获取值。
我已经设置了一个我想要实现的示例代码。此代码包含两个数组arr1和arr2。我希望在select菜单中显示这两个数组的数据，就像它们在一个单元格中的顶部(在html表中)对齐一样，每个选择都包含一个数组作为select选项。
代码：
这可行吗..？我正在使用JQgrid 4.6.0。
var data = [
[48803, "AAF1", "", "02200220"
浏览 2提问于2016-02-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
