Questions tagged «jquery»

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



13
如何使用jQuery选择下拉菜单选项?
我想知道是否有可能让jQuery <option>在下拉框中选择,例如第4个项目? <select> <option></option> <option></option> <option></option> <option></option> <option></option> </select> 我希望用户单击一个链接,然后让该<select>框更改其值,就像用户通过单击来选择它一样<option>。

6
$(this)和event.target之间的区别?
我是jQuery的新手,并且按照JavaScript和jQuery的教程:缺少的手册制作选项卡式面板,当作者这样做时,第一行是: var target = $(this); 但是我试图那样做 var target = evt.target; 我得到了这个错误: Uncaught TypeError: Object http://localhost/tabbedPanels/#panel1 has no method 'attr' 当我改evt.target回时$(this),它就像一种魅力。 我想知道$(this)和之间有什么区别evt.target? 如果您需要,这是我的代码: index.html: <!DOCTYPE html> <html> <head> <title>Tabbed Panel</title> <style> body { width : 100%; height: 100%; } #wrapper { margin : auto; width : 800px; } #tabsContainer { overflow: …

7
在单个类名上使用“开头为”选择器
如果我有以下内容: <div class="apple-monkey"></div> <div class="apple-horse"></div> <div class="cow-apple-brick"></div> 我可以使用以下选择器找到前两个DIV: $("div[class^='apple-']") 但是,如果我有这个: <div class="some-other-class apple-monkey"></div> <div class="apple-horse"></div> <div class="cow-apple-brick"></div> 它只会找到第二个DIV,因为第一个div的类是作为字符串返回的(我认为),并且实际上不是以“ apple-”开头,而是以“ some-”开头 解决该问题的一种方法是不使用开头为,而是包含: $("div[class*='apple-']") 问题在于它还会在我的示例中选择第三个DIV。 问题:通过jQuery,对单个类名而不是整个类属性作为字符串使用谓词选择器的正确方法是什么?只是获取CLASS,然后将其拆分为一个数组,然后使用正则表达式遍历每个单独的问题?还是有一个更优雅/更简洁的解决方案?
157 jquery 

17
模态中的Bootstrap 3和Youtube
我正在尝试使用Bootstrap 3中的Modal功能来显示我的Youtube视频。它可以工作,但是我无法单击Youtube视频中的任何按钮。 有什么帮助吗? 这是我的代码: <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <iframe width="400" height="300" frameborder="0" allowfullscreen=""></iframe> </div> </div> </div> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/jquery-1.10.1.min.js"><\/script>')</script> <script src="js/bootstrap.min.js"></script> <script> $('#link').click(function () { …

30
防止jQuery UI对话框将焦点设置到第一个文本框
我已经设置了一个jQuery UI模式对话框,以在用户单击链接时显示。在该对话框div标签中有两个文本框(为简洁起见,我仅显示1的代码),并将其更改为对焦点有反应的jQuery UI DatePicker文本框。 问题在于,jQuery UI对话框(“ open”)以某种方式触发了第一个文本框以使其具有焦点,然后触发了日期选择器日历以立即打开。 因此,我正在寻找一种方法来防止焦点自动发生。 <div><a id="lnkAddReservation" href="#">Add reservation</a></div> <div id="divNewReservation" style="display:none" title="Add reservation"> <table> <tr> <th><asp:Label AssociatedControlID="txtStartDate" runat="server" Text="Start date" /></th> <td> <asp:TextBox ID="txtStartDate" runat="server" CssClass="datepicker" /> </td> </tr> </table> <div> <asp:Button ID="btnAddReservation" runat="server" OnClick="btnAddReservation_Click" Text="Add reservation" /> </div> </div> <script type="text/javascript"> $(document).ready(function() { var dlg …

10
jQuery获取包含容器本身的容器的html
我如何在'#container'上获取html,包括'#container'而不是仅包含其中的内容。 <div id="container"> <div id="one">test 1 </div> <div id="two">test 2 </div> <div id="three">test 3 </div> <div id="four">test 4 </div> </div> 我有这个在#container中获取html。它不包含#container元素本身。这就是我想要做的 var x = $('#container').html(); $('#save').val(x); 检查http://jsfiddle.net/rzfPP/58/
156 javascript  jquery 


3
使用jQuery检查是否有任何祖先类
是否有jQuery的任何方法来检查,如果任何父,宏伟的父,伟大的盛大父母有一个类。 我有一个标记结构,使我无法在代码中执行以下操作: $(elem).parent().parent().parent().parent().hasClass('left') 但是,出于代码可读性的考虑,我想避免这种事情。有没有办法说“任何父母/祖父母/曾祖父母有此类”? 我正在使用jQuery 1.7.2。

23
禁用jQuery DataTables中特定列的排序
我正在使用jQuery DataTables插件对表字段进行排序。我的问题是:如何禁用特定列的排序?我已经尝试使用以下代码,但是没有用: "aoColumns": [ { "bSearchable": false }, null ] 我也尝试了以下代码: "aoColumnDefs": [ { "bSearchable": false, "aTargets": [ 1 ] } ] 但这仍然没有产生预期的结果。

14
出现错误“由于未连接表单而取消了表单提交”
我有一个使用JQuery 1.7的旧网站,该网站在两天前都可以正常工作。突然我的某些按钮不再起作用,单击它们后,我在控制台中收到以下警告: 表单提交已取消,因为未连接表单 点击后的代码是这样的: this.handleExcelExporter = function(href, cols) { var form = $('<form method="post"><input type="submit" /><input type="hidden" name="layout" /></form>').attr('action', href); $('input[name="layout"]', form).val(JSON.stringify(cols)); $('input[type="submit"]', form).click(); } Chrome 56似乎不再支持这种代码。是不是 如果是,我的问题是: 为什么这突然发生了?没有任何弃用警告? 此代码的解决方法是什么? 有没有一种方法可以强制chrome(或其他浏览器)像以前一样工作而不更改任何代码? PS 在最新的firefox版本中也不起作用(没有任何消息)。另外,它在IE 11.0和Edge中也不起作用!(都没有任何消息)

19
为什么每个人都为jQuery选择XML之上的JSON?[关闭]
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗?更新问题,以便通过编辑此帖子以事实和引文回答。 4年前关闭。 改善这个问题 我认为XML具有高度的可移植性,可以用作小型数据库。我已经看到XML随处可见。我什至看到大公司转而使用JSON。甚至Microsoft都集成了对JSON的支持。对JSON的所有炒作是什么?
155 jquery  xml  json 



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.