jQuery .attr(‘数据顺序’，sum)；不适用于父div

jQuery .attr('数据顺序'，sum)是一个错误的语法，因为jQuery的.attr()方法用于获取或设置HTML元素的属性值，而不是用于设置数据顺序。在这个语法中，'数据顺序'应该是一个属性名，而sum应该是一个属性值。

如果你想要设置父div元素的数据顺序，可以使用jQuery的.data()方法。该方法用于在元素上存储数据，可以方便地在后续的操作中获取和修改这些数据。

以下是一个示例代码，演示如何使用jQuery的.data()方法设置父div元素的数据顺序：

HTML代码：

<div id="parentDiv"></div>

JavaScript代码：

var sum = 10;
$('#parentDiv').data('数据顺序', sum);

在上述代码中，我们使用jQuery选择器选中id为parentDiv的父div元素，并使用.data()方法将数据顺序设置为sum的值。

如果你想要获取父div元素的数据顺序，可以使用以下代码：

var dataOrder = $('#parentDiv').data('数据顺序');
console.log(dataOrder);

上述代码将会在控制台输出父div元素的数据顺序。

请注意，以上代码仅为示例，实际应用中可能需要根据具体情况进行适当的修改和调整。

推荐的腾讯云相关产品和产品介绍链接地址：

云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
云存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe

相关·内容

前端成神之路-02_jQuery

元素的自定义属性我们通过 attr() console.log($("div").attr("index")); $("div").attr("index...注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。语法2 ? ...注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。...).text()); }) console.log(sum); // 2. $.each() 方法遍历元素主要用于遍历数据，处理数据...获取距离带有定位父级位置（偏移） position 如果没有带有定位的父级，则以文档为准 // 这个方法只能获取不能设置偏移 console.log(

2.3K1 0

「jQuery」基础 - 02

1.1. jQuery 属性操作 jQuery 常用属性操作有三种：prop() / attr() / data() ; 1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性...元素的自定义属性我们通过 attr() console.log($("div").attr("index")); $("div").attr("index...语法1 注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。...语法2 注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。...).text()); }) console.log(sum); // 2. $.each() 方法遍历元素主要用于遍历数据，处理数据

2.8K2 0

AnagularJs之directive

priority 　　(Number)，可选参数（作为了解，使用几率极小）指明指令的优先级，当有多个directive定义在同一个DOM元素时，有时需要明确它们的执行顺序。...这属性用于在directive的compile function调用之前进行排序。如果优先级相同，则执行顺序是不确定的（经初步试验，优先级高的先执行，同级时按照类似栈的“后绑定先执行”。...scope false(默认值):表示继承父作用域。...新的作用域规则不适用于根模版（root of the template），因此根模版往往会获得一个新的scope。...{}:表示创建一个全新的隔离作用域；这对于创建可复用的组件是很有帮助的，可以有效防止读取或者修改父级scope的数据。

1.1K1 0

jQuery

：disabled checked这类属性操作很顺畅 //获取 prop('属性名'); //更改 prop('属性名','属性值'); 4.1.2 元素自定义属性值 attr() //获取 attr...('属性名'); //更改 attr('属性名','属性值'); 4.1.3 数据缓存 data() 可以在指定的元素上存取数据，但不会修改DOM元素结构。...页面刷新缓存清除 data('myName','ljc');//向元素添加数据 data('myName');//向元素读取数据 4.1.4 全选按钮通过:checked选择器，可以以数组形式返回被选中的元素...){}) 可以用来遍历任何对象，主要用来做数据处理， var sum = 0; var arr = ['red','blue','yellow']; $('div').each(function(...位置操作 offset()设置获取元素偏移获取的位置是相对于文档的偏移坐标，与父级没有关系传入的参数是一个对象 //获取偏移量 $('div').offset() //更改位置 $('div')

8.4K1 0

jQuery

1.获取 attr('属性'); // 类似原生 getAttribute() 2.设置 attr('属性', '属性值'); // 类似原生 setAttribute() 数据缓存data().../jquery.min.js"> $(function () { var sum = 0; $...(domEle); sum += parseInt($(domEle).text()); }) console.log(sum...> 结果：语法2： //$.each()方法可用于遍历任何对象。...主要用于数据处理，比如数组，对象 //index 元素索引号;element 遍历内容(元素) $.each(object，function (index, element) { ......

21.1K5 0

jQuery学习笔记

父节点 .wrap().wrap().wrapInner() $('.inner').wrap(''); $('.inner').wrapAll('<div...把数据存到节点中 jQuery提供了一种机制，可以把节点作为数据存储的容器。...事实上，jQuery的事件绑定机制也使用了这套数据接口。...然后，jQuery提供了一些函数用于添加回调，激发状态等。...jQuery还提供了一个 jQuery.when()的回调管理函数，可以用于方便地管理多个事件并发的情况。

3.5K2 0

前端基础：jQuery

attr("属性", "新值") 修改元素的属性值。 attr(样式参数) 样式参数可以写成 json 格式。..."src","img/2.jpg"); $("img").attr("title","高清风景图"); $("img").attr({width:"200...$("li:eq(1)").empty(); // 删除节点 $("li:eq(1)").remove(); }); 遍历节点祖先元素用于向上遍历...var sum = 0; $("tr:not(tr:first)").find("td:last").each(function(){ sum += Number($(...this).text()); }); $("b").text(sum); }

13.5K2 0

jQuery选择器和选取方法

过滤器从左到右应用，和书写顺序一致，其中每一个都会缩小选中元素集。下表列举了jQuery支持的过滤器。 jQuery选择过滤器过滤器含义 #id 匹配id属性为id的元素。...=val] 匹配没有attr属性、或attr属性的值不为val的所有元素((jQuery的扩展) [attr^=val] 匹配attr属性值以val开头的元素 [attr$=val] 匹配attr...因此选择器“div.note”与“div [class~=note]”相同 [attr|=val] 匹配attr属性值以val开头且其后没有其他字符，或其他字符是以连字符开头的元素 :animated...add()会移除重复元素，并对该组合选区进行排序，以便里面的元素按照文档中的顺序排列: //选取所有和所有元素的等价方式 $("div, p") //使用选择器组..."div p")相同该类别中的其他方法返回新的jQuery对象，代表当前选中元素集中每一个元素的子元素、兄弟元素或父元素。

5.2K4 0

前端之jQuery

$("div").find("p") 等价于$("div p") 筛选筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式。...用于ID等或自定义属性： attr(attrName)// 返回第一个匹配元素的属性值 attr(attrName, attrValue)// 为所有匹配元素设置一个属性值 attr({k1: v1,...用于checkbox和radio prop() // 获取属性 removeProp() // 移除属性注意：在1.x及2.x版本的jQuery中使用attr对checkbox进行赋值操作时会出bug...$("div").data("k");//返回第一个div标签中保存的"k"的值 .removeData(key): 描述：移除存放在元素上的数据，不加key参数表示移除所有保存的数据。...$("div").removeData("k"); //移除元素上存放k对应的数据示例：模态框编辑的数据回填表格 3.9.3插件（了解） jQuery.extend(object) jQuery的命名空间下添加新的功能

4.9K2 1

一文玩转jQuery+Ajax

指定元素") 选择父元素的所有指定元素(包含第一代、第二代等) 子代选择器 $("父元素 > 指定元素") 选择父元素的所有第一代指定元素相邻选择器 $("元素 + 指定元素") 选择元素的下一个指定元素...-- 第一个大DIV包含一个div和俩个图片 --> 父选择器子选择器蓝色 //attr("class") 获取元素样式名 var...ready()类似于onLoad()事件 ready()可以写多个，按顺序执行 $(document).ready(function(){}) //等价于 $(function(){}) bind()绑定事件... // 点击按钮，发送ajax请求，显示数据到页面 $("#

4K2 1

Angular Directive 详解

当有多个directive定义在同一个DOM元素上时，有时需要明确他们的执行顺序。这个属性用于在directive的compile function调用之前进行排序。...新的作用域规则不适用于根模版，因为根模版往往会获得一个新的scope。 {} 将创建一个新的、独立的scope，此scope与一般的scope的区别在于它不是通过原型继承于父scope的。...这对于创建可复用的组件是很有帮助的，可以有效的防止读取或者修改父级scope的数据。这个独立的scope会创建一个拥有一组来源于父scope的本地scope属性hash集合。...那么属性是在父scope读取的（不是从组件的scope读取的） &或者&attr 提供一个在父scope上下文中执行一个表达式的途径。...ng-controller="attrtest"> my-attr> div> body> 复制代码其运行结果如下： Name:

2.7K3 0

jQery基础操作

)：使用HTML字符串创建jQuery节点举例 var $newNode=$(""); var $newNode1=$("你喜欢哪些冬季运动项目？...dd")); $("#dd").insertBefore("ul"); 删除节点 remove()：删除整个节点 empty()：清空节点内容 detach()：删除整个节点，保留元素的绑定事件、附加的数据...newNode1).replaceAll(".gameList li:eq(2)"); replaceWith() 与replaceAll() 方法都可以实现元素节点的替换，二者最大的区别在于替换字符的顺序...$(selector).parents();//遍历父级和以上的 $(selector).each( );//遍历每一个举例 ........属性操作语法 $(selector).attr([name]) ;//获取 //或 $(selector).attr({[name1:value1]…[nameN:valueN]}) ;//设置 $(

3201 0

JavaScript学习笔记（四）—— jQuery入门

中，子元素伪类选择器分为两大类：不分元素类型的选择器说明 :first-child 选择父元素的第一个子元素 :last-child 选择父元素的随后一个子元素 :nth-child(n) 选择父元素下的第...HTML内容 ---- 对文本内容进行操作 jQuery提供了两种方法用于对文本内容进行操作，分别是text()方法和text(val)方法: text()方法用于获取全部匹配元素的文本内容 text...与attr很像。..."); }); }); 删除节点方法描述 remove() 移除被选元素(不保留数据和事件) detach() 移除被选元素(保留数据和事件) empty...，stop方法适用于所有的jQuery特效。

11.2K5 0

Web前端JQuery面试题（一）

答：根据给定的id匹配一个元素，用于搜索，通过id的属性给定值。...案例：查找id为da3的元素 html代码： jquery代码： $("#...:first-child 匹配每个父元素下的第一个子元素 :last-child 匹配每个父元素下的最后一个子元素 :only-child 匹配父元素中只有唯一的子元素，如果父元素中有多个子元素，就不会被匹配...attr(name); 获取属性值 attr(properties); 以“名/值对”对象添加属性 attr(key,value); 为所匹配的元素设置属性值 attr(key, function(index...children(); 获取子元素 find(); 用于查找表达式 next(); 获取下一个元素 nextAll(); 获取下一个所有元素 parent(); 获取父元素 parents(); 获取所有匹配元素的祖先元素的集合

2.9K2 0

jQuery 快速入门教程

的ready()函数可以重复调用，绑定的回调函数将在DOM准备就绪后按照绑定顺序依次执行。..."p"); // 选取所有div元素的所有子代p元素 $("span").parent(); // 选取所有span元素的父元素 $("span").parent(".foo.bar"); // 选取所有...简而言之，假设当前jQuery对象匹配多个元素，如果使用jQuery对象的方法来获取数据(“读”数据)，则只会获取第一个匹配元素的数据；如果使用jQuery对象的方法来设置元素数据(“写”数据)，则会对所有匹配元素都进行设置操作...如果该方法用于获取数据，则返回null或undefined；如果该方法用于设置数据，则忽略设置操作，并返回该空对象本身；如果该方法用于筛选元素，则同样返回一个新的jQuery空对象。...触发click事件时，将按照绑定顺序依次执行每个处理函数。

13.6K3 0

day41_jQuery学习笔记_02

]、[attr=val]、[attr!...=val]、[attr^=val]、[attr$=val]、[attr*=val]、[attr=val][][] 子元素：:nth-child(index)、:first-child、:last-child...title属性的父div // 先把 “子元素中都有title属性的父div” 过滤出来 // var $aa = $("div.one...AB E.closest(A) 向上获得指定的父元素（含自己），如果获得到了，就返回一个对象；如果没有获得到，就返回空的jQuery对象。...4：type，返回的内容格式：xml, html, script, json, text, _default * * * GET请求不适合发送中文数据

3.9K2 0

jquery jQuery快速入门

$("div").find("p") 等价于$("div p") 筛选筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式。...和 .position()的差别在于： .position()是相对于相对于父级元素的位移。...$("div").data("k");//返回第一个div标签中保存的"k"的值 .removeData(key): 描述：移除存放在元素上的数据，不加key参数表示移除所有保存的数据。...$("div").removeData("k"); //移除元素上存放k对应的数据示例：模态框编辑的数据回填表格插件(了解即可) jQuery.extend(object) jQuery的命名空间下添加新的功能...多用于插件开发者向 jQuery 中添加新函数时使用。示例： jQuery.extend({ min:function(a, b){return a < b ?

16.2K5 0

jQuery学习笔记

最近在学习jQuery 不难只是有些东西容易忘特此记录之选择器按ID查找 // 查找: var div = $('#abc'); 按标签查找 var ps = $('...查找子父节点 $('h3').parent().css() //查找h3父元素 $('h3').sliblings()//所有兄弟节点 $('h3').nextAll()//当前节点后面所有兄弟节点 $...()//查找所有直接子元素 $('div').find('li')//所有后代元素操作DOM 修改Text和HTML jQuery对象的text()和html()方法分别获取节点的文本和原始HTML文本...: 400px div.height('200px'); // 设置CSS属性 height: 200px attr()用于获取属性赋值属性removeAttr()`用于删除属性 prop()方法的作用和...attr()类似 attr()更适合操作自定义属性。

1.3K4 0

带你走近AngularJS - 体验指令实例

拥有id var id = element.attr("id"); if (!... <wij-grid-column binding="amount" width="100" format="c2" aggregate="<em>sum</em>...<em>父</em>指令会通过特定标记来访问列。..."wij-grid-column" 指令的父级指令"wij-grid"。...link 方法接收父指令的引用 (controller) ，同时通过addColumn 方法传递自身的scope 给父指令。scope 包含了表格用于创建列的所有信息。

2.4K5 0

Web-JavaScript

，尽量按照上述顺序写代码。...适用于判定用户输入的字符。...="https://cdn.acwing.com/static/jquery/js/jquery-3.3.1.min.js"> 按jQuery官网提示下载 ---- 选择器 $(selector...class="mydiv">Hello World')：构造一个jQuery对象 A.append(B)：将B添加到A的末尾 A.prepend(B)：将B添加到...对标签属性的操作 ('div').attr('id')：获取属性('div').attr('id', 'ID')：设置属性 ---- 对HTML内容、文本的操作不需要背每个标签该用哪种，用到的时候Google

6.2K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

jQuery .attr(‘数据顺序’，sum)；不适用于父div

相关·内容

前端成神之路-02_jQuery

「jQuery」基础 - 02

AnagularJs之directive

jQuery

jQuery

jQuery学习笔记

前端基础：jQuery

jQuery选择器和选取方法

前端之jQuery

一文玩转jQuery+Ajax

Angular Directive 详解

jQery基础操作

JavaScript学习笔记（四）—— jQuery入门

Web前端JQuery面试题（一）

jQuery 快速入门教程

day41_jQuery学习笔记_02

jquery jQuery快速入门

jQuery学习笔记

带你走近AngularJS - 体验指令实例

Web-JavaScript

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐