Questions tagged «jquery»

jQuery是一个JavaScript库，请考虑添加JavaScript标记。jQuery是一种流行的跨浏览器JavaScript库，它通过最小化浏览器之间的差异来促进文档对象模型（DOM）遍历，事件处理，动画和AJAX交互。标记为jQuery的问题应与jQuery相关，因此问题代码应使用jQuery，并且问题中至少需要与jQuery使用相关的元素。

6
没有表格的文件上传
不使用任何形式，我可以<input type="file">使用jQuery使用POST方法将文件从发送到“ upload.php”。输入标签不在任何表单标签内。它单独站立。所以我不想使用jQuery插件，例如“ ajaxForm”或“ ajaxSubmit”。
6
单击按钮时，使用jQuery播放音频文件
当我单击按钮时，我正在尝试播放音频文件，但是它不起作用，我的html代码是： <html> <body> <div id="container"> <button id="play"> Play Music </button> </div> </body> </html> 我的JavaScript是： $('document').ready(function () { $('#play').click(function () { var audio = {}; audio["walk"] = new Audio(); audio["walk"].src = "http://www.rangde.org/static/bell-ring-01.mp3" audio["walk"].addEventListener('load', function () { audio["walk"].play(); }); }); }); 我也为此创建了一个小提琴。
8
如何在DOM中移动iFrame而不丢失其状态？
看一下这个简单的HTML： <div id="wrap1"> <iframe id="iframe1"></iframe> </div> <div id="warp2"> <iframe id="iframe2"></iframe> </div> 假设我想移动包装纸，使包装纸位于#wrap2之前#wrap1。iframe被JavaScript污染了。我知道jQuery的.insertAfter()和.insertBefore()。但是，当我使用它们时，iFrame会丢失其所有HTML，JavaScript变量和事件。 可以说以下是iFrame的HTML： <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // The variable below would change on click // This represents changes on variables after the code is loaded // These changes should remain after the iFrame is moved variableThatChanges …
4
HTML锚链接-href和onclick都可以吗？
我想编写一个锚标签，该标签执行一些JavaScript，然后继续将其放到href需要它的地方。调用执行我的JavaScript的功能，然后将其设置window.location或定位top.location到我的href位置无效。 因此，假设我在页面上有一个ID为“ Foo”的元素。我想编写一个类似于以下内容的锚点： <a href="#Foo" onclick="runMyFunction(); return false;">Do it!</a> 单击此按钮后，我要执行runMyFunction，然后将页面跳转到#Foo（不引起重新加载-使用top.location将导致它重新加载页面）。 有什么建议吗？我很高兴使用jQuery，如果它可以在这里帮助您...
6
正则表达式以匹配符号：！$％^＆*（）_ + |〜-=`{} []：“;'<>？，。/
我正在尝试在JavaScript中创建正则表达式测试，该测试将测试包含以下任何字符的字符串： !$%^&amp;*()_+|~-=`{}[]:";'&lt;&gt;?,./ 更多信息，如果您有兴趣:) 这是我正在使用的非常酷的密码更改应用程序。如果您有兴趣，这里是其余的代码。 我有一张表列出了密码要求，并且当最终用户键入新密码时，它将测试一组Regexes，如果有，则会在相应的表行中放置一个选中标记...签出:)我只需要添加一个代替validation数组中的第四项。 var validate = function(password){ valid = true; var validation = [ RegExp(/[a-z]/).test(password), RegExp(/[A-Z]/).test(password), RegExp(/\d/).test(password), RegExp(/\W|_/).test(password), !RegExp(/\s/).test(password), !RegExp("12345678").test(password), !RegExp($('#txtUsername').val()).test(password), !RegExp("cisco").test(password), !RegExp(/([a-z]|[0-9])\1\1\1/).test(password), (password.length &gt; 7) ] $.each(validation, function(i){ if(this) $('.form table tr').eq(i+1).attr('class', 'check'); else{ $('.form table tr').eq(i+1).attr('class', ''); valid = false } }); return(valid); } 是的，还有相应的服务器端验证！
9
检测退格键并在“输入”事件上删除？
怎么做？ 我试过了： var key = event.which || event.keyCode || event.charCode; if(key == 8) alert('backspace'); 但这行不通... 如果我在keypress事件上执行相同的操作，那么它将起作用，但是我不想使用keypress，因为它会在我的输入字段中输出键入的字符。我需要能够控制 我的代码： $('#content').bind('input', function(event){ var text = $(this).val(), key = event.which || event.keyCode || event.charCode; if(key == 8){ // here I want to ignore backspace and del } // here I'm doing my stuff var …
2
使用jQuery的removeAttr删除多个属性
我有以下代码。 $(document).ready(function(){ $('#listing img') .attr('width', 250) .removeAttr('height').removeAttr('align').removeAttr('style') .wrap('&lt;p /&gt;'); }); 有没有更有效的方法来删除多个属性？
93 jquery 
11
快速获取对象属性中的最小值/最大值的方法
我在javascript中有这样的对象： { "a":4, "b":0.5 , "c":0.35, "d":5 } 是否有一种快速的方法来获取属性之间的最小值和最大值而不必遍历所有属性？因为我拥有的物体很大，所以我需要每两秒钟获取最小值/最大值。（对象的值不断变化）。
3
赶上最后一次迭代
arr = [1,2,3]; arr.forEach(function(i){ // last iteration }); 循环结束时如何捕捉？我可以，if(i == 3)但是我可能不知道数组的数目是多少。
14
TypeError：$（…）.modal不是带有Bootstrap Modal的函数
我有一个bootstrap 2.32模态，试图将其动态插入另一个视图的HTML中。我正在使用Codeigniter 2.1。在向视图中动态插入引导模式部分视图之后，我具有： &lt;div id="modal_target"&gt;&lt;/div&gt; 作为要插入的目标div。我的视图中有一个按钮，看起来像： &lt;a href="#message" class="btn btn-large btn-info" data-action="Message" data-toggle="tab"&gt;Message&lt;/a&gt; 我的JS有： $.ajax({ type : 'POST', url : "AjaxUpdate/get_modal", cache : false, success : function(data){ if(data){ $('#modal_target').html(data); //This shows the modal $('#form-content').modal(); } } }); 主视图的按钮是： &lt;div id="thanks"&gt;&lt;p&gt;&lt;a data-toggle="modal" href="#form-content" class="btn btn-primary btn-large"&gt;Modal powers, activate!&lt;/a&gt;&lt;/p&gt;&lt;/div&gt; 这是我想作为局部视图单独存储的内容： &lt;div id="form-content" …
5
jQuery Uncaught TypeError：对象[object Window]的属性'$'不是函数
全部，我下载了预捆绑的JS / CSS表单应用程序，并试图在Wordpress中使用它。我有以下代码： $(document).ready(function () { /*----------------------------------------------------------------------*/ /* Parse the data from an data-attribute of DOM Elements /*----------------------------------------------------------------------*/ $.parseData = function (data, returnArray) { if (/^\[(.*)\]$/.test(data)) { //array data = data.substr(1, data.length - 2).split(','); } if (returnArray &amp;&amp; !$.isArray(data) &amp;&amp; data != null) { data = Array(data); } return data; …
92 jquery 
4
Underscore.js和jQuery是否互补？[关闭]
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 4年前关闭。 改善这个问题 我刚开始学习JavaScript，偶然发现Underscore.js和jQuery。Underscore看起来真的很酷，但是我想知道jQuery是否尚未提供类似于Underscore的功能。那么，两者都值得使用吗？
10
如何在Bootstrap中创建切换按钮
我最初使用HTML，CSS和JavaScript创建了一个Web应用程序，然后又被要求在Bootstrap中再次创建它。我做得很好，但是我在Web应用程序中将切换按钮改回了单选按钮（最初是复选框），而不是原来的切换按钮。 按钮的代码为： &lt;label&gt; Notifications &lt;span class='toggle'&gt; &lt;input type='radio' class='notifications' name='notifications' id='notifications' /&gt; &lt;/span&gt; &lt;/li&gt; &lt;label&gt; Preview &lt;span class='toggle'&gt; &lt;input type='radio' class='preview' name='preview' id='preview' /&gt; &lt;/span&gt; &lt;/li&gt; HTML页面链接到的JavaScript和CSS文件是： &lt;script src = 'jqtouch.js'&gt;&lt;/script&gt; &lt;script src="jquery.js"&gt;&lt;/script&gt; &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt; &lt;link href="css/bootstrap.css" rel="stylesheet"&gt; &lt;link href="css/bootstrap-responsive.css" rel="stylesheet"&gt; 有没有办法更改代码，以便可以将切换按钮找回来？
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.