jquery 相关问题

将鼠标悬停在暂停选取框上

我想创建一个滚动一些新闻文章的选框，但是当用户将鼠标悬停在它上面时，我需要它暂停，当用户将鼠标悬停在它外面（onMouseOut）时，我需要重新启动。这没有

从 JSON 响应中提取信息

我正在尝试获取以下 JSON 中“TMiles”的最后一个值。 [{ "__type": "MileageReport:http:\/\/pcmiler.alk.com\/APIs\/v1.0", “路由ID”：空， ...

如何将子元素从一个父元素移动到另一个父元素，并将其放置在移动调整大小的特定位置？

假设我有这个 HTML： ... 假设我有这个 HTML： <div class="wrapper"> <div id="wrapperItems" class="container"> <div class="row belowContent"> <div class="favoriteContainer"></div> <div class="bottomExcerpt"> <p>HTML links are hyperlinks. You can click on a link and jump to another document.</p> </div> </div> </div> </div> <div class="wrapperTwo"> <div id="wrapperItemsTwo" class="container"> <div class="row belowContent"> <div class="picture"> <div class="symbol"></div> </div> <div class="smallhyperlinks"> <h2 class="hidden">H2 Text</h2> </div> </div> </div> </div> 仅在移动设备上，我想将 bottomExcerpt 从 wrapper 移至 wrapperTwo，位于 smallhyperlinks 之后、picture 之前。 所以基本上 wrapperTwo 在移动设备（580）上的结构将是 smallhyperlinks -> bottomExcerpt -> picture。 如何使用 jQuery 做到这一点？ 我尝试了以下方法，但无法正常工作： $(window).resize(function () { if ($(window).width() < 580) { $('.wrapperTwo .picture').insertAfter('.wrapperTwo .smallhyperlinks'); $('.smallhyperlinks h2').removeClass('hidden'); if ($('.wrapper .bottomExcerpt').length > 0) { $('.wrapper .bottomExcerpt').insertAfter('.wrapperTwo .smallhyperlinks'); } } else { $('.wrapperTwo .smallhyperlinks').insertAfter('.wrapperTwo .picture'); $('.smallhyperlinks h2').addClass('hidden'); } }); 由于某种原因，bottomExcerpt显示在picture下方，但我希望它显示在smallhyperlinks和picture之间。我该如何解决这个问题？ 请勿移动元素。 在 bottomExcerpt 和 wrapper 中创建 wrapperTwo 元素。 在 bottomExcerpt 时 wrapperTwo 时显示 $(window).width() < 580

jQuery $('CLASS').on('click tap touchstart', 函数（事件）在移动设备上不起作用[重复]

已编辑并转发 正如标题所示，该功能在桌面上可以正常工作，但在移动设备上却无法正常工作。代码在下面，但我删除了大部分代码，因为它相当重复且很长，但是如果......

创建一个创建网格的函数

这个想法是： 一个随机数，“假设 4000” 我的函数定义的空间有限 我想更改类的属性以适应这些参数 我想做4000个盒子......

仅当有多个元素时才添加分隔符

我有一个待办事项清单，是在 Pranav Rustagi 和 Twisty 的帮助下制作的。我仍然有一个问题无法找到解决方案。 在添加的每个文本之间，我想添加一个分隔符（管道）。我的公关...

轻松检测用户何时更改 DOM

是否可以轻松检测用户对 DOM 的操作？ 当用户在任何现代浏览器中使用控制台时，他/她可以以开发人员不希望的方式操作 DOM。 我有一个我们...

如何使用GET方法向Node js服务器发送数据？

我正在使用 get 方法并尝试使用 jQuery ajax 调用将数据发送到我的 Nodejs 服务器。 这是我向节点发送数据的代码： $(文档).ready(函数() { usid(); 函数 usid(我...

为什么我无法在包管理器控制台中运行 Bower update 命令

它是一个现有的项目，我想升级其中的jquery版本。为此，我在包控制台管理器（PMC）上运行了 Bower update jquery --force-latest 甚至 Bower update jquery 但无济于事。我...

获取以

我在带有 class pickergroup 的 div 中有一个日期选择器，我的页面中有 3 个日期选择器，这就是我使用组和不同名称的原因 我的 div 中有一个带有类 pickergroup 的日期选择器，我的页面中有 3 个日期选择器，这就是我使用组和不同名称的原因 <div class="pickergroup"> <input type="text" name="day1" id="day1"/> / <input type="text" name="month1" id="month1"/> / <input type="text" name="year1" id="year1"/> <input type="hidden" id="date1" name="date1"/> <div id="datepicker1" name="calendar"></div> </div> 在我的 jQuery 中，我想检测何时单击以“datepicker”开头的 id，我猜是这样的： $(document).on('click', '.pickergroup id^="datepicker"', function() { $(".pickergroup").find('[id^="datepicker"]').datepicker({ //my datepicker code }); }); 但这不正确。 我该怎么做？ 问题在于如何在事件处理程序中选择元素。 $(".pickergroup").find('[id^="datepicker"]') 的意思是“查找所有具有 pickergroup 类的元素。查找其所有 ID 以 datepicker 开头的 children。”相反，您想使用 this 并修复您的选择器 .pickergroup id^="datepicker" 到 .pickergroup [id^="datepicker"] $(document).on('click', '.pickergroup [id^="datepicker"]', function() { var $this = $(this); // The div that was clicked console.log($this.text()); }); .pickergroup div { float: left; margin-right: 1em; width: 200px; height: 200px; background: #0F0; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="pickergroup"> <div id="datepicker1">A</div> </div> <div class="pickergroup"> <div id="datepicker2">B</div> </div> <div class="pickergroup"> <div id="datepicker3">C</div> </div> <div class="pickergroup"> <div id="can-t-click-me">D</div> </div> 首先，datepicker 元素需要是一个输入。请记住，ID 是唯一的。如果你使用starts with选择器，那就没问题了。但请不要对此感到困惑。 其次，为什么需要单独的字段？您可以使用一个日期选择器，决定要显示的格式，还可以以您需要/想要的格式解析日期选择器返回的值。请查看文档。

使用 JavaScript 选择 og:image

我正在使用 JavaScript 选择我的 Facebook og:image： $('head').append(''); 我可以看到该标签出现在

Todolist：删除动态添加的div

我有一种待办事项列表，在单击“添加”按钮时添加元素。有两条默认行。 add 函数效果很好，这是原始代码 $(函数() { $(".

带有意外标记的 jQuery 语法错误

抱歉，基本的...我希望一些专业人士会再次标记我，但是我一直在努力发现我的方法的错误： 意外的令牌 { 是我的错误，代码是： $(</desc> <question vote="-1"> <p>抱歉，基本...我希望一些专业人士会再次标记我，但是我一直在努力发现我的方法的错误：</p> <p>Unexpected token { 是我的错误，代码是：</p> <pre><code> &lt;script&gt; $(document).ready(function { $(&#39;people.img&#39;).click(function() { $(&#39;.peopleSummary&#39;).addClass(&#39;hello&#39;); }) }); </code></pre> <p></p> <p>谢谢！</p> </question> <answer tick="true" vote="3"> <pre><code>$(document).ready(function() {//&lt;-- missig () after function $(&#39;people.img&#39;).click(function () { $(&#39;.peopleSummary&#39;).addClass(&#39;hello&#39;); }) }); </code></pre> </answer> <answer tick="false" vote="2"> <p>没有名为 <pre><code>people</code></pre> 的 html 元素，这是一个不正确的选择器</p> <pre><code> $(&#39;people.img&#39;) </code></pre> <p>还要定义一个你需要的函数<pre><code>()</code></pre>，否则你也会得到语法错误</p> <pre><code>$(document).ready(function { </code></pre> <hr/> <p>所以试试这个，假设你的 <pre><code>people</code></pre> 是 <pre><code>class</code></pre>（否则使用 <pre><code>#</code></pre> 作为 ID）：</p> <pre><code>$(document).ready(function(){ $(&#39;.people.img&#39;).click(function() { $(&#39;.peopleSummary&#39;).addClass(&#39;hello&#39;); }) }); </code></pre> </answer> <answer tick="false" vote="1"> <p>如果人们是<pre><code>class</code></pre>，那就尝试</p> <pre><code>$(document).ready(function(){ $(&#39;.people.img&#39;).click(function() { $(&#39;.peopleSummary&#39;).addClass(&#39;hello&#39;); }) }); </code></pre> <p>如果是<pre><code>id</code></pre>尝试，</p> <pre><code>$(document).ready(function(){ $(&#39;#people.img&#39;).click(function() { $(&#39;.peopleSummary&#39;).addClass(&#39;hello&#39;); }) }); </code></pre> </answer> </body></html>

jQuery 脚本中的语法错误

这是我的代码： $('#').on( "按键", 函数(事件) { if (event.which == 13 && !event.shiftKey) { event.preventDefault(); $.get('ajax.php', { 交流...

将数据表导出按钮移至表格底部

我在数据表中创建了一个导出选项，我希望它显示在表格下方，现在它显示在表格上方。谈论要显示在表格末尾 p 旁边的下载按钮...

使用 javascript 验证人体身高

我需要一个文本框来输入人体身高。我需要使用 jquery 来做到这一点。是否有我可以用来执行验证的插件或代码示例。有人可以帮我验证...

CKEDITOR - 未捕获错误：元素不支持指定的元素模式：“meta”

当我尝试在同一页面中使用 2 个编辑器时，会出现此错误... 我使用 PHP 从数据库加载内容。如果设置了 $_POST，我将从特定的 $_POST 值加载内容。 该代码运行良好...

jQuery 只允许拉丁字符

我想要一个js代码，只允许输入带有数字和特殊字符的拉丁语宪章（Alt键盘序列，EX:!@#$%^&*()_|}{~!"?>: 我想要一个js代码，只允许输入带有数字和特殊字符的拉丁宪章（Alt键盘序列，EX：!@#$%^&*()_|}{~!"?>:<?/][\=-'`，...），我尝试了这样的操作，但它不适用于拉丁数字和看不见的字符键盘。我该怎么办？ 演示：https://jsfiddle.net/oosjtmgg/ $(".latin_letters").on("keypress", function(event) { var englishAlphabetAndWhiteSpace = /[A-Za-z ]/g; var key = String.fromCharCode(event.which); if (event.keyCode == 8 || event.keyCode == 37 || event.keyCode == 39 || englishAlphabetAndWhiteSpace.test(key)) { return true; } return false; }); $('.latin_letters').on("paste", function(e) { e.preventDefault(); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input name="email" class="latin_letters"> 请尝试这个： 仅添加：- var englishAlphabetAndWhiteSpace = "/^[-@./#&+\w\s]*$/"; $(".latin_letters").on("keypress", function(event) { var englishAlphabetAndWhiteSpace = /^[-@./#&+\w\s]*$/; var key = String.fromCharCode(event.which); if (event.keyCode == 8 || event.keyCode == 37 || event.keyCode == 39 || englishAlphabetAndWhiteSpace.test(key)) { return true; } return false; }); $('.latin_letters').on("paste", function(e) { e.preventDefault(); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input name="email" class="latin_letters" type="text"> $(".latin_letters").on("keydown", function(event) { var allowed = /[A-Za-z0-9!@#\$%\^&\*\(\)_|}{~">:<\?/\]\[\\=\- ]/g; var key = String.fromCharCode(event.which); if (event.keyCode == 8 || event.keyCode == 37 || event.keyCode == 39 || allowed.test(key)) { return true; } return false; }); $('.latin_letters').on("paste", function(e) { e.preventDefault(); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input name="email" class="latin_letters"> 这对你有用。您之前没有测试过数字和信号。 我对 keyup 和 keydown 的问题是，它们没有给我字符，只有“keypress”可以，但 keypress 在触摸屏上不起作用，因为没有按下真正的键盘键。 我的解决方案是使用 keyup 并拆分值，它比仅测试输入的新字符效率低，但这是我可以判断输入了哪个字符的唯一方法，我不知道如何从事件中获取它数据，即使我输入希伯来字母，例如 ג，我得到的键是 D，这是该键的拉丁字母。 我考虑过测试字符串中的最后一个字符，但由于用户可以将插入点放置在任何地方，所以这不是一个明智的解决方案。 无论如何，这是我的代码，也在我的网站上进行了尝试和测试。 $(".latin_letters").on("keyup", function(event) { var englishAlphabetAndWhiteSpace = /^[-@./#&+\w\s]*$/; var chars = jQuery(this).val().split(''); var key; var chars_filtered = []; for ( var i = 0; i < chars.length; i++ ) { key = chars[i]; if ( englishAlphabetAndWhiteSpace.test(key) ) { chars_filtered.push( chars[i] ); } } jQuery(this).val(chars_filtered.join('')); }); $('.latin_letters').on("paste", function(e) { e.preventDefault(); });

我可以通过哪些方式使用$？

我正在看这个问题：The Preferred way of create a new element with jQuery 在其中，他们提到了这两种使用 jquery 的方法： 任何一个： var div = $(""...

我需要给一个元素与另一个元素相同的类

Adobe ▼ <div class='topnav' id='myTopnav'> <div class='dropdown'> <button class=' dropbtn'>Adobe &#x25BC;</button> <div class='dropdown-content'> <a href='index'>Photoshop</a> </div> </div> </div> <script> jQuery(function($) { var path = window.location.href; $('#myTopnav a').each(function() { if (this.href === path) { $(this).addClass('active'); $(this).parent().parent('first-child').addClass('active'); } }); }); </script> 我不太擅长 jQuery 甚至 Javascript，但当锚点指向的 url 正确时，我想为按钮提供与锚点标签相同的类。 我已经很长时间没有使用 JQuery了，但这是我的建议。 你可以试试这个 首先找到衣柜dropdown，然后找到dropbtn $(this).closest('.dropdown').find('.dropbtn').addClass('active'); 希望能帮到你