Tag: dom

jQuery性能 – 通过data-attr或类选择?

哪个更快,为什么? 通过$(‘div[data-something]’)或$(‘div.something’)选择div(用于插件需求$(‘div.something’) ? 我倾向于前者,因为它“更清洁”。 基于这个问题,我知道我不应该同时使用这两个问题。 但是我没有发现它们之间是否存在差异。

错误:SyntaxError:使用jQuery创建标记时的DOMexception12

我有以下javascript: var orderItemQuantity = $(”, { type: ‘hidden’, name: ‘order_detail[][quantity]’, value: itemQuantity }); 上面的javascript引发以下错误消息: Error: SyntaxError: DOM Exception 12 这个工作没有错误: var newListItem = $(”, { html: $(‘#item_name_’+itemId).text() + ‘(‘ + $(‘#item_quantity_’ + itemId).val() +’)’ + ‘Delete this’ + ”, id: itemId }); 我检查了以下问题,但答案没有明确说明正确的原因为什么。 这是我的DTD: 问题 :为什么$(”)和$(”)抛出所述exception,而$(‘ ‘)不是问题?

帮助解释/实现“从Excel复制/粘贴到网页”的答案?

我可以获得一些帮助来解释/实现答案:请从Excel复制/粘贴到网页吗? 这是Google为“将Excel粘贴到网页/表单”找到的最有用的答案 – 看起来很完美,但我无法开始工作。 (要求是为用户提供在Excel中预先填充信息的选项,以及准备好将请求粘贴到我们服务器上的表单中时。) 我“inheritance”了一个服务器 WAMP 2.0 Apache 2.2.11 PHP 5.2.9 我对Excel中的VBA很公平。 PHP的新手。 使用Eclipse IDE,教程和基本表单工作正常。 在答案中尝试代码 – d / l’d jquery并在代码中设置路径。 jquery的教程示例似乎有效。 Tatu Ulmanen的回答给了我一个Parse错误 “var data = $(‘input[name=excel_data]’).val();” 相关 // Insert into DOM $(‘#excel_table’).html(table); ? 不知道那是什么意思。 Mic的答案没有错误,但转换按钮没有任何作用。 想法/方向? 请?

如何使用jQuery获取文件输入字段的当前值

根据我的准备,你应该能够使用文件输入字段的’value’属性来获取该字段的当前设置路径。 但是当我这样做时: $(‘#fileinput’).value() 我得到’未定义’。 我确定该字段的ID设置为“fileinput”。 有没有人想过为什么这可能不适合我? 顺便说一下,这有效: var d = document.getElementById(‘AttachmentFile’); alert(d.value); 所以我想这与jQuery的工作方式有关,我并不完全理解。 谢谢!

jquery选择两个不是兄弟元素的元素之间的元素

(我删除了属性,但它是一些自动生成的HTML。) hello world text. some text more text another piece of text some text on the end 我需要对所有文本应用一些突出显示,这些文本位于两个最接近(在HTML代码中) img.p元素之间,当它们首先hover时。 我不知道该怎么做。 让我们说我徘徊在第一个img.p – 它应该突出hello world和text. 没有别的。 而现在最糟糕的部分 – 我需要背景在mouseleave上消失。 我需要它来处理任何可能的HTML混乱。 以上只是一个例子,文件的结构会有所不同。 提示:只要不改变输出文档的外观,在绑定hover和放置一些跨度之前处理整个html就可以了。

如何通过Jquery找出类中是否存在样式?

我试图谷歌“jquery函数返回具有类的css属性的对象”,但我没有找到有价值的结果。 让我们假设在DOM中我有一个className =“ABC”的div节点。 我有一个名为“search”的有效Jquery对象,它包含html元素。 我需要找出它是否包含一些样式和值,如果它们我发现我将执行一个动作(从node.className中删除该类) var search = $(“div.A”); var css_arr = search.prop(“className”).split(” “); 以下是要测试的样式的条件: float != “none” or Float != “” -> if yes, remove the class position != “absolute” or position != “” -> if yes, remove the class left is present … remove the class -> if yes, remove the class top […]

W3Schools的另一个有问题的jQuery测验答案

在W3Schools网站上发布了一个jQuery测验… http://www.w3schools.com/quiztest/quiztest.asp?qtest=jQuery 问题#16如下, 在文档加载完成之前,哪个jQuery函数用于阻止代码运行? A. $(文件).load() B. $(文件).ready() C. $(正文).onload() 我选错了答案A.(他们的官方答案是B.) 我回答说,以为我知道以下内容, document.load在页面上的所有内容加载后触发, 包括所有图像 document.ready只在加载DOM后才会触发(不一定是所有图像都已加载) 我解释了原始问题的措辞,“文档已完成加载”,包括所有内容(包含所有图像)。 毕竟,我认为这就是他们称之为“document.load”的原因。 同样,为了使他们的答案正确,你必须得出结论“DOM”相当于“文档”。 这似乎不正确,否则为什么称它为“文档对象模型”(DOM)而不仅仅是“文档”? 尽管W3School声称B是正确的答案,但究竟什么是正确答案? 谢谢你的想法。 旁注:在我的其他相关问题中引用我自己的评论…… “我实际上在jQuery网站上学习了大部分jQuery,并且在我遇到困难时在StackOverflow上搜索。我主要是在W3School上进行测验,因为我正在调查他们对jQuery认证的”先决条件“。我不知道我认为自己是一名jQuery专家,但我很容易在他们的测验中得到95%(19/20)。看到答案中的错误措辞,我想我已经在这里发帖确认了我已经怀疑过的。我对这些类型的看法认证正在转变。“ 编辑: 我向W3Schools通报了这个post的存在。 编辑2: 当我回答原始测验问题时,我在考虑$(window).load(),因此我的测验答案明显不正确。 我相信这个事实不会让三个多项选择都没有作为正确的答案。 请参阅下面的详细答案。

用xml填充jQuery UI手风琴,绑定问题

我从简单的xml文件中填充jQuery手风琴,我可以获取我的数据并将其作为html附加到模拟手风琴标记。 然后我打电话给手风琴,它将无法工作! 我想问题是将新创建的数据绑定到DOM,我已经尝试过.live()和.delegate但没有成功。 我该怎么办? 这是我的代码的简化示例(抱歉,一些名称和评论是芬兰语:-))这里是链接http://www.equstom.fi/hanuri.html $(‘#valitsija’).click(function() { $.get(‘http://www.equstom.fi/kurssit.xml’, function(data) { $(‘#accordion’).empty(); $(data).find(‘Kurssi’).each(function() { var $kurssi = $(this); var html = ”; html += ” + $kurssi.find(‘KurssinNimi’).text() + ”; html += ” + $kurssi.find(‘KurssiKuvaus’).text() + ”; html += ”; $(‘#accordion’).append($(html)); }); }); }); / * * ** * ** * ** * haetaankurssit loppu * ** […]

HTML音频 – 使用jQuery检测位置

无论如何,使用HTML5音频标签有一个eventListener或动作使用Dom / jQuery在播放期间或结束时触发事件? 这个答案链接到currentTime,但没有示例,下面是伪代码。 Your browser does not support the audio element. $(document).ready(function () { $(“audio”).addEventListener(“end”, function () { alert(“song has ended”); }); $(“audio”).addEventListener(‘20.2’, function () { alert(“your currently at 20.2 seconds in the track”); }); });

将以下jQuery代码转换为YUI 2.x代码

免责声明:我根本没有使用YUI的经验。 我想知道在YUI中编写时,以下jQuery代码行会是什么样子。 此外,由于YUI使用的是分层依赖系统,需要包含哪些.js文件才能使代码正常工作? 1.给定HTML元素的ID ,对元素应用多个样式规则。 $(‘#foo’).css({ color: ‘yellow’, background: ‘black’ }); 2.链接:给定HTML元素的ID,在其上应用样式规则,向其添加一类bar ,并将其内容设置为“!”。 $(‘#foo’).css(‘color’, ‘red’).addClass(‘bar’).html(‘!’); 3.将一个LI元素附加到#menu 。 $(‘#menu’).append(‘An extra item’); 4.基本事件绑定:每次单击LI元素时显示警报。 $(‘li’).click(function() { alert(‘Clickety-click!’); });