jquery 相关问题

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

jQuery 日期选择器 - 设置当前日期

HTML JavaScript $( 函数() { $( "#datepicker" ).datepicker({ 日期格式: 'mm-dd-yy', 最短日期：...</desc> <question vote="1"> <p><strong>HTML</strong></p> <pre><code><input type="text" id="datepicker"> </code></pre> <p><strong>javaScript</strong></p> <pre><code><script> $( function() { $( "#datepicker" ).datepicker({ dateFormat: 'mm-dd-yy', minDate: "today", maxDate: "+30d", setDate: "+1d" }); }); </script> </code></pre> <p><strong>回复：</strong></p> <p><a href="https://i.stack.imgur.com/oIsji.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL29Jc2ppLnBuZw==" alt=""/></a></p> <p><strong>选择当前日期的预期响应：</strong></p> <p><a href="https://i.stack.imgur.com/6kmg5.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tLzZrbWc1LnBuZw==" alt=""/></a></p> </question> <answer tick="true" vote="1"> <p><pre><code>setDate</code></pre>是你的朋友。 <pre><code>"setDate", "0"</code></pre> 是今天的日期。您可以根据需要增加和减少数量。</p> <p><pre><code>$("#datepicker").datepicker("setDate", "1");</code></pre></p> <p>示例：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>$(function() { $("#datepicker").datepicker({ dateFormat: 'mm-dd-yy', minDate: "today", maxDate: "+30d", }); $("#datepicker").datepicker("setDate", "1"); });</code></pre> <pre><code><link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.13.0-rc.2/jquery-ui.min.js"></script> <input type="text" id="datepicker"></code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="0"> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>$(function() { $("#datepicker").datepicker({ dateFormat: 'dd-mm-yy', minDate: "today", maxDate: "+30d", }); $("#datepicker").datepicker("setDate", "1"); });</code></pre> <pre><code><link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.13.0-rc.2/jquery-ui.min.js"></script> <input type="text" id="datepicker"></code></pre> </div> </div> <p></p> </answer> </body></html>

jquery datepicker jquery-ui-datepicker

回答 0 投票 0

在 JavaScript 生成的图像文件中创建渐变背景

我编写了以下代码来创建一个PNG图像文件，该文件将HTML正文的渐变背景打印为图像背景： const downloadButton = document.getElementById('downloadBu...

javascript jquery

回答 1 投票 0

如何在不打开页面的情况下进行ajax Post

我尝试使用toDataURL使Ajax发布URl，ajax调用是在test.php中进行的。我的保存功能位于 save.php 上。我的问题是如果我先打开test.php，图像可以保存，然后图像就会出现...

php jquery ajax charts

回答 1 投票 0

jQuery 脚本未将引导类应用到我的表单

**为什么我的 jQuery 代码在满足条件时不为行着色（我将脚本的特定部分设为斜体）？ ** 投票的 HTML 代码： **为什么我的 jQuery 代码在满足条件时不会为行着色（我将脚本的特定部分设为斜体）？ ** 投票的 HTML 代码： <form id="pollForm" class="mb-4"> <div class="form-group"> <label for="pitanje1" >Koliko ste zadovoljni lokacijom FUTURA Shopping Centra?</label > <select id="pitanje1" name="pitanje1" class="form-control"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> <div class="form-group"> <label for="pitanje2" >Koliko ste zadovoljni radnjama u FUTURA Shopping Centru?</label > <select id="pitanje2" name="pitanje2" class="form-control"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> <div class="form-group"> <label for="pitanje3" >Koliko ste zadovoljni izgledom FUTURA Shopping Centra?</label > <select id="pitanje3" name="pitanje3" class="form-control"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> <button type="button" class="btn btn-dark mt-2" onclick="saveAnswers()" > Pošalji </button> </form> <table class="table"> <thead> <tr> <th>Pitanja</th> <th>Prosečna ocena</th> </tr> </thead> <tbody id="resultsTableBody"> <tr id="row1"> <td>Koliko ste zadovoljni lokacijom FUTURA Shopping Centra?</td> <td id="prosecnaOcena1">0</td> </tr> <tr id="row2"> <td>Koliko ste zadovoljni radnjama u FUTURA Shopping Centru?</td> <td id="prosecnaOcena2">0</td> </tr> <tr id="row3"> <td>Koliko ste zadovoljni izgledom FUTURA Shopping Centra?</td> <td id="prosecnaOcena3">0</td> </tr> </tbody> </table> 使用逻辑代码导入 jQuery 和 bootstrap： <script src="js/bootstrap.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <script> const answersData = { pitanje1: { ukupnaOcena: 0, brOdgovora: 0 }, pitanje2: { ukupnaOcena: 0, brOdgovora: 0 }, pitanje3: { ukupnaOcena: 0, brOdgovora: 0 }, }; function saveAnswers() { const pitanje1 = parseInt($("#pitanje1").val()); const pitanje2 = parseInt($("#pitanje2").val()); const pitanje3 = parseInt($("#pitanje3").val()); updateAnswer("pitanje1", pitanje1); updateAnswer("pitanje2", pitanje2); updateAnswer("pitanje3", pitanje3); updateResultsTable(); } function updateAnswer(pitanje, vrednost) { answersData[pitanje].ukupnaOcena += vrednost; answersData[pitanje].brOdgovora++; } function updateResultsTable() { $.each(answersData, function (pitanje, podaci) { const srednjaVrednost = podaci.ukupnaOcena > 0 ? (podaci.ukupnaOcena / podaci.brOdgovora).toFixed(2) : 0; $(`#prosecnaOcena${pitanje.slice(-1)}`).text(srednjaVrednost); /*starting from here, until the end of updateResults function*/ const row = $(`#row${pitanje.slice(-1)}`); row.removeClass("bg-danger bg-warning bg-success"); if (srednjaVrednost < 2.5) { row.addClass("bg-danger"); } else if (srednjaVrednost >= 2.5 && srednjaVrednost <= 3.5) { row.addClass("bg-warning"); } else { row.addClass("bg-success"); } }); } $("#pollForm button").on("click", function (event) { event.preventDefault(); saveAnswers(); }); </script> 我尝试编写脚本来找出用户给出的平均成绩，除了背景给出的部分之外，它都有效。有一个默认的引导类不断覆盖我尝试应用的 bg-success。最后为了摆脱那个默认类，我不得不在我的 style.css 中调用它： .table { --bs-table-bg: none; } 此后代码开始正常工作。

javascript html jquery css bootstrap-5

回答 1 投票 0

计算每份产品的价格

嗨，我正在尝试创建一个计算，以根据产品的价格（以欧元为单位并用逗号分隔）以及您可以从中获得的份数来获取每份的价格......

jquery regex

回答 1 投票 0

如何使用 jQuery 选择焦点元素

如何选择具有当前焦点的元素？ jQuery 中没有 :focus 过滤器，这就是为什么我们可以使用这样的东西： $('输入：焦点').someFunction();

jquery focus css-selectors

回答 8 投票 0

如何使用 JavaScript 创建链接？

在此函数中，我创建了一个具有各种值的 DIV。显示（日历）{ 如果（ this.date < dateString(calendar.weekStart) || this.date > dateString(日历.week...