找到 732 篇文章 关于 JQuery

如何使用 jQuery 获取选中复选框的值?

AmitDiwan
更新于 2020-10-26 10:56:01

361 次浏览

是的,我们可以使用 jQuery 和 `input` 概念以及 `:checked` 选择器来获取选中复选框的值。示例如下代码所示:            文档        板球        听音乐 阅读报纸 点击我    $(document).ready(function () {       $("button").click(function () {          $('input[name="checkDemo"]:checked').each(function () {             console.log(this.value);          });       });    }); 要运行以上程序,请将文件保存为 ... 阅读更多

匹配 `
` 元素的样式
 element while performing paste - jQuery?
			

AmitDiwan
更新于 2020-10-03 15:02:13

75 次浏览

为此,使用 `

` 标签。将其设置为 `contenteditable`  - 我们为粘贴设置了以下样式:    pre {       min-height: 150px;       min-width: 300px;       font-family: 'Times New Roman', Times, serif;       white-space: pre;       background-color: rgb(19, 22, 27);       color: #98d8e7;    } 现在,您可以使用粘贴事件监听器:var getTheData = document.getElementById('data'); getTheData.addEventListener('paste', PutTheDataOnEditor);示例如下代码所示: 实时演示            文档 pre {    min-height: 150px;    min-width: 300px;    font-family: ... 阅读更多 

如何在 jQuery 中获取 data 属性的值并使用它?

AmitDiwan
更新于 2020-10-03 14:57:06

8K+ 次浏览

要获取 data 属性的值,请使用:$(“yourSelector”).data() 以下是我们带有 data 属性的输入类型:示例如下代码所示: 实时演示            文档        var value = $('#txtValue').data('value');    console.log("The value is=" + value); 输出输出如下所示:

如何使用 jQuery 删除选择框的所有选项,然后添加一个选项并选中它?

AmitDiwan
更新于 2020-10-03 13:53:30

665 次浏览

要删除,请使用 `remove()`,并使用 `append()` 向已创建的选择列表中添加选项。假设以下为我们的选择:    JavaScript    MySQL 示例如下代码所示,用于删除所有选项并添加一个新选项: 实时演示            文档           JavaScript       MySQL        $('#demo')    .find('option')    .remove()    .end()    .append('MongoDB')    .val('MongoDB')    ; 要运行以上程序,请将文件保存为 anyName.html (index.html)。右键单击该文件,然后在 VS Code 编辑器中选择“使用实时服务器打开”选项。输出输出如下所示:

如何将我的代码从 JavaScript 修改为 jQuery 来取消选中单选按钮?

AmitDiwan
更新于 2020-10-03 13:38:21

464 次浏览

假设以下为我们已设置选中的单选按钮:性别 男 女 要取消选中,请使用 jQuery 中的 `prop()` 将 `checked` 属性设置为 false:$('input[id="yourChoice"]:checked').prop("checked", false);示例如下代码所示: 实时演示            文档    性别    男     女    $('input[id="yourChoice"]:checked').prop("checked", false); 要运行以上程序,请将文件保存为 anyName.html (index.html)。右键单击该文件,然后在 VS Code 编辑器中选择“使用实时服务器打开”选项。输出输出如下所示:

如何在 jQuery 中使复选框无法选中?

AmitDiwan
更新于 2020-10-03 13:35:41

217 次浏览

要使复选框无法选中,请将 `disabled` 属性设置为 true:JavaScript以下为代码:示例如下代码所示: 实时演示            文档    科目名称列表    MySQL    JavaScript    MongoDB 要运行以上程序,请将文件保存为 anyName.html (index.html)。右键单击该文件,然后在 VS Code 编辑器中选择“使用实时服务器打开”选项。输出输出如下所示:您无法选中上面的复选框值,因为我们已将其禁用。

如何在 jQuery 中统计用户按下按钮的次数?

AmitDiwan
更新于 2020-10-03 13:23:41

126 次浏览

要统计用户按下按钮的次数,您需要在单击按钮时设置计数器。示例如下代码所示: 实时演示            文档 按下我 当前值为= 0 var increment = 0; var current = document.getElementById('incrementThisValue'); document.getElementById('pressButton').onclick = (event) => {    current.textContent = ++increment; }; 要运行以上程序,请将文件保存为 anyName.html (index.html)。右键单击该文件,然后在 VS Code 编辑器中选择“使用实时服务器打开”选项。输出输出如下所示:当您按下 ... 阅读更多

在 jQuery 中将鼠标悬停在文本框上时显示工具提示文本

AmitDiwan
更新于 2020-10-03 13:18:42

2K+ 次浏览

为此,请使用 jQuery(selector).toolTip()。示例如下代码所示: 实时演示            文档    写下您最喜欢的科目名称:        jQuery(".demoTooltip").toolTip() 要运行以上程序,请将文件保存为 anyName.html (index.html)。右键单击该文件,然后在 VS Code 编辑器中选择“使用实时服务器打开”选项。输出输出如下所示:当您将鼠标悬停在文本框内时,您将获得工具提示:您最喜欢的科目可能是 JavaScript...也在下面的屏幕截图中显示:

div 的向上和向下滑动会动画化其内容 - jQuery?

AmitDiwan
更新于 2020-10-03 13:13:52

400 次浏览

要切换内容,请在 JavaScript 中使用 `slideToggle()`。示例如下代码所示: 实时演示            文档    .firstDiv {       display: none;    }    .txtBox {       display: block;    }    按下我以切换文本框                              输入您的姓名:                        function toogleTheTextBox() {       $('#firstDiv').slideToggle(function () {          $('#txtBox').focus();       });    } 要运行以上程序,请将文件保存为 anyName.html (index.html)。右键单击该文件,然后在 VS Code 编辑器中选择“使用实时服务器打开”选项。输出输出如下所示:按下“按下我”按钮以切换文本框。输出输出如下所示:

如何在 jQuery 中隐式模拟 `click()`?

AmitDiwan
更新于 2020-10-03 12:57:04

129 次浏览

要隐式模拟 `click()`,您可以内部调用一个函数。示例如下代码所示,用于隐式模拟 `click()`: 实时演示            文档    我的名字是 John Doe            demo1Data = document.getElementById('demo1').innerHTML    demo1Data = demo1Data.replace('My Name is John Doe', `My Favourite Subject is JavaScript..`)    document.getElementById('demo2').innerHTML = demo1Data    function replaceData() {       document.getElementById('output').innerHTML = 'I live is US.';    } document.getElementById('demo2').querySelector('span').click(); 要运行以上程序,请将文件保存为 anyName.html (index.html)。右键单击该文件,然后在 ... 阅读更多

广告