【JQuery操作元素的属性与样式及位置】教程文章相关的互联网学习教程文章

javascript – 使用jQuery通过.each()获取数据属性值【代码】

我有以下带有数据属性的HTML – 我想编写一些jQuery,它将遍历HTML并收集数据属性并将它们放入一个数组中 – 任何人都可以帮助我,因为我收到错误.ERROR in console log : item.data is not a function我正在尝试使用data()属性 – 你能看到我做错了吗? //我的HTML代码<span class="winners" data-userid="123" data-position="1" data-fullname="neil"> <span class="winners" data-userid="234" data-position="2" data-fullname...

javascript – jquery – 获取尚未应用的类的CSS属性值【代码】

我有一个相同的question在这里问(不能评论它,也许没有特权),我想得到样式表中定义的css宽度值但尚未应用于dom中的任何元素,(其引导css与网格响应媒体查询).span6 {width: 570px;}然而,在上面引用的问题中提供的解决方案返回0,即如此$('<div/>').addClass('span6').width();但是如果我做这样的事情就有用$('<div/>').addClass('span6').hide().appendTo('body').width();没有附加该div的任何简单方法?解决方法:为了读取CSS属性值,您...

javascript – 当元素数据更改时,jQuery的data()属性不会更新【代码】

我想使用jQuery的data()api来检索元素的所有数据属性.但是这个api的缓存性质真的很烦人.有时我需要在javascript中更改元素的某些数据属性,但data()api始终返回每个数据属性的初始值.所以我必须使用attr()来访问元素的每个数据属性以获得其最新值.有没有办法克服这个缓存的事情,并使data()每次调用时总是返回最新的值?解决方法:简短的回答是:不要使用jQuery .data()来动态设置数据属性,除非你能保证数据属性总是由jQuery设置. 以下...

javascript – 按值属性排序选择选项使用jQuery【代码】

嗯,标题说明了一切.我正在做的是创建一个特色产品模块.使用JSON填充下拉列表的大小,我使用把手来渲染html.我无法控制JSON文件.我尝试按选项标签中的实际文本对选项值进行排序,但我意识到之后选项值是错误的.所以现在我试图通过它们的值属性对选项进行排序,但还没有想出来.我想做这样的事情:var selectList = $('#featuredSelectField option'); var newList = []; var theNewNew = []; for(var i=0; i<selectList.length; i++){ne...

javascript – 使用jquery,如何根据TR属性重新排序表中的行?【代码】

我有一个表格,其行类似于以下内容.这些行通过jquery调用不时更新.使用jquery,我将如何根据myAttribute值构造一个重新排序这些表行的函数,将最高的myAttribute值行放在顶部,将最低的myAttribute值行放在底部?表中最多可以有100行.<tr id='1' class='playerRow' myAttribute=5><td> One</td><td> Two</td> </tr> <tr id='2' class='playerRow' myAttribute=6><td> One</td><td> Two</td> </tr>解决方法: <table> <tr id='1' class...

javascript – jQuery:如何计算所有匹配元素的最大属性值?【代码】

请考虑以下HTML:<div class="a" x="6"></div> <div class="a" x="9"></div> <div class="a" x="2"></div> ... <div class="a" x="8"></div>你如何找到所有.a元素的最大x值? 假设所有x值都是正整数.解决方法:只需循环它们:var maximum = null;$('.a').each(function() {var value = parseFloat($(this).attr('x'));maximum = (value > maximum) ? value : maximum; });

javascript – jQuery:获取数据属性【代码】

在我的HTML中,我有一个span元素:<span class="field" data-fullText="This is a span element">This is a</span>我想获得data-fullText属性.我试过这两种方法,但它们没有用(两者都返回undefined):$('.field').hover(function () {console.log('using prop(): ' + $(this).prop('data-fullText'));console.log('using data(): ' + $(this).data('fullText')); });然后我搜索并发现了这些问题:How to get the data-id attribute?和...

javascript – 使用JQuery更改a:css选择器之前的width属性【代码】

参见英文答案 > Selecting and manipulating CSS pseudo-elements such as ::before and ::after using jQuery 21个我有一个页面,里面有一个图像,我用它来设置它:在CSS选择器之前.图像是动态的,因此它没有固定的宽度;所以我需要动态地设置:在规则的宽度之前.我想在客户端使用JQuery来做.假设这个:.column:before{width: 300px;float: left;content: "";height: 430px; }.column{width: 500p...

javascript – 如何使用jQuery删除“禁用”属性?【代码】

我必须首先禁用输入,然后单击链接以启用它们. 这是我到目前为止所尝试的,但它不起作用. HTML:<input type="text" disabled="disabled" class="inputDisabled" value="">jQuery的:$("#edit").click(function(event){event.preventDefault();$('.inputDisabled').removeAttr("disabled") });这显示我是真的然后是假的,但输入没有任何变化:$("#edit").click(function(event){alert('');event.preventDefault();alert($('.inputDisa...

使用jquery或javascript更改表格单元格的height属性值【代码】

我有两个表,比如表1和表2.(两者都有相同的行数)对于表1中的每一行,我希望将表2中相应单元的高度设置为等于表1中的相应单元.即table2-row1-col1 = table1-row1-col1等. 请帮我 .解决方法:使用.each循环遍历第一个表中的行,并使用.eq()选择对应于每个table-1行的table-2行:$('#table1 tr').each(function(i,el) {var hgt = $(this).height();$('#table2 tr').eq(i).height(hgt); });http://jsfiddle.net/mblase75/sCdRk/

Javascript setAttribute Vs jquery多个属性setter【代码】

我想为多个元素设置这么多属性.与jquery相比,Javascript总能提供更好的性能. 我想知道哪个通过jquery和javascript解决多个属性时提供了更好的性能. Jquery多属性设置器:$(element).attr({'id': 'id1', 'index':1, 'value':10,'check':'checked'});使用javascript setAttribute:element.setAttribute('id','id1'); element.setAttribute('index','1'); ..................................当我使用JavaScript时,我需要写多行.否则...

javascript – jQuery ajax调用不在headers属性中发送日语字符【代码】

我正在使用jquery.ajax调用来调用我的服务并调用它$.ajax({url : "my/url/for/post",type : 'POST',headers : {name:"私はガラスを食べら"},contentType : "application/octet-stream",processData : false,async : true,dataType : "json",success : handlers.success,error : handlers.error});但是当我在发送请求中检查标题时,名称不存在. 是否还有其他属性我必须设置为在标题中发送日文或中文字符?解决方法:使用名称:unescap...

javascript – 为什么属性选择器不能使用jQuery?【代码】

我试图获取所有具有data-maxlength的元素,并使用属性中的任何值.然后,每次文本输入或textarea的值发生变化时,我想在工具提示中显示输入的长度以及Bootstrap工具提示中的maxlength值(x / 250个字符). 当我输入输入时,没有任何反应,没有工具提示,没有错误.甚至我的console.log消息都没有出现在控制台中.这段代码有什么问题? jQuery / JS:$(document).ready(function(){$('[data-maxlength]').find().each(function(){console.log('...

javascript – 访问jQuery插件的options部分中的caller元素的属性【代码】

我有一些链接,根据他们将在点击时显示的内容,他们有不同的宽度和高度数据(此链接在服务器端生成),如:<a class="inline" href="#inline-content-1" data-width="80%" data-height="80%">content 1</a> <a class="inline" href="#inline-content-2" data-width="50%" data-height="80%">content 2</a>现在我想使用类似的东西:$('.inline').colorbox({inline:true, width:$(this).data('width'), height:$(this).data('height')});但...

javascript – 如何使用jQuery将jpeg显示为由PHP文件返回的IMG标记的source属性【代码】

我不得不承认,作为一个新手,我甚至不知道如何提出我的问题.虽然这样. 语境:我有一个用PHP编写的注册脚本,它使用生成PHP脚本的安全代码,生成一个直接作为图像加载的jpeg,包含随机生成的字符串的图形表示,该字符串存储在cookie中并且必须输入注册方为了验证注册表格. 目标:我想创建自己的“刷新”代码,每次按“刷新”按钮时,都会调用安全代码生成脚本来创建和显示新的安全图像. 这是安全代码生成脚本:<?php$im = imagecreate(300,...

元素 - 相关标签