jQuery:关于事件的问题
在云计算领域，jQuery 是一个非常流行的 JavaScript 库，用于简化 HTML 文档操作、事件处理、动画和 Ajax 交互。它易于使用，功能强大，具有跨浏览器兼容性。
在事件处理方面，jQuery 提供了一系列方法，使得在网页上添加和处理事件变得更加简单。例如，可以使用以下方法来处理事件：
- .on()：用于在元素上附加事件处理程序。
- .off()：用于从元素上移除事件处理程序。
- .trigger()：用于触发指定类型的事件。
- .bind()：用于在元素上附加一个或多个事件处理程序。
- .unbind()：用于从元素上移除一个或多个事件处理程序。
- .click()：用于触发元素上的点击事件。
- .dblclick()：用于触发元素上的双击事件。
- .focus()：用于触发元素上的聚焦事件。
- .blur()：用于触发元素上的失焦事件。
- .keydown()：用于触发元素上的键盘按下事件。
- .keyup()：用于触发元素上的键盘抬起事件。
- .keypress()：用于触发元素上的键盘输入事件。
- .submit()：用于触发表单提交事件。
- .change()：用于触发表单元素值发生变化事件。
- .hover()：用于在元素上添加鼠标悬停事件。
在使用 jQuery 处理事件时，可以利用腾讯云提供的云服务器、云数据库、云存储、CDN 等产品，来搭建一个高效、稳定、可扩展的网站。例如，可以使用腾讯云的 CVM 产品来部署网站服务器，使用 MySQL 数据库来存储网站数据，使用 COS 存储来存储网站静态文件，使用 CDN 来加速网站访问速度。
总之，jQuery 是一个非常实用的 JavaScript 库，可以帮助开发者轻松地处理事件，并利用腾讯云提供的云服务，可以构建出高效、稳定、可扩展的网站。
相关·内容
2回答
这更像是一个概念性的问题。在阅读了关于Jquery的文章之后，我开始思考如何使用普通的javascript来实现诸如“点击”或“摩擦”这样的触摸事件。由于Jquery构建在javascript上，这是否意味着Jquery能够将自定义事件添加到ontap或ondrag之类的普通javascript中
这概括了我的思维过程：
Jquery是建立在香草Javascriptbase功能的基础上的Jquery不支持触摸事件；因此，Jquery不支持触摸事件以使Jquery支持触摸事件，香草Javascript必须包含触摸事件？。
浏览 1提问于2011-11-23得票数 1
回答已采纳
我发现了一些关于live和bind的问题，但没有一个是关于性能的。我认为标题很清楚，那么在jQuery中使用live是否会对性能产生影响？我之所以这样问，是因为在使用live时，每次触发事件时都必须进行查找，我的想法是这可能会以负面的方式影响性能。或者，jQuery正在做一些神奇的事情来加速这一过程，比如侦听当向DOM添加某些东西时触发的某种事件？
浏览 0提问于2011-01-24得票数 5
回答已采纳
1回答
我想问你一个关于jQuery代码的问题，当我试图在新的jQuery克隆的无线电台上使用更改jQuery事件时，出现了一个问题。
确切地说，它只起作用于第一个无线电盒元素，而另一个不起作用，所以你能帮我解决这个问题吗？
以下是代码：
[http://jsfiddle.net/samphors/wg6fj6r5/][1]
谢谢你的考虑。
浏览 2提问于2015-02-24得票数 0
回答已采纳
2回答
我有一个关于定义客户事件和触发器的一般性问题：
jQuery(document).on('btn.hover', function () {
jQuery('.orange_bubble').hover(function () {
jQuery(this).addClass('hover');
}, function () {
jQuery(this).removeClass('hover');
});
});
现在，我可以调用触发器事件一次触发此事件。
jQuery(doc
浏览 0提问于2013-09-26得票数 0
回答已采纳
2回答
我有一个关于javascript (jQuery)事件/侦听器的一般性问题。在没有性能问题的情况下，点击监听器的数量是否有限制？
浏览 1提问于2015-02-20得票数 51
回答已采纳
3回答
我问了一个关于jquery滚动事件的具体问题，但似乎这个问题的答案可能会对一般的jquery事件产生影响(我也有兴趣知道)。
假设jquery插件A (例如，jquery.scrollspy.js)将滚动事件绑定到$(window)
现在假设某个站点导入了插件A，但它也有自己的自定义javascript文件B，该文件将另一个.scroll()事件绑定到$(window)。
稍后，javascript文件B想要解除绑定它自己的滚动事件，并保持jquery插件A不变。这是怎么做的？
还有..。
这种方法对所有jquery事件都通用吗？
浏览 1提问于2013-04-22得票数 8
回答已采纳
我有一个关于jquery onclick函数的问题，这个问题不是bug；当我写一些使用jquery的按钮点击函数时，我已经写了很多jquery，例如：
$(document).ready(function(){
$('#dp1').datepicker({
format: 'yyyy-mm-dd'
});
$('#dp2').datepicker({
format: 'yyyy-mm-dd'
});
$("#addNewQ")
浏览 0提问于2012-04-23得票数 1
回答已采纳
我正在开发一个网站并试图使用jQuery进行翻译，所以我不必刷新整个页面，我有以下html标记：
<nav class="menu">
<ul id="menu">
<li class="home"><a href="#">Home</a></li>
<li class="find_us"><a href="#">About Us</a
浏览 2提问于2013-10-12得票数 0
回答已采纳
我知道这个问题相当主观，但我确信我没有遵循这个标准--虽然风格和方法可能与开发不同，但也有一些相当坚实的标准。
无论如何，在javascript中定义使用jQuery库的函数时，我通常执行以下操作；
function funcName() {
$(document).ready(function() {
// Do stuff
});
}
为了在函数中使用jQuery而尝试这样做对我来说是行不通的，因此我要使用上面的方法；
$(document).ready(function() {
function funcName() {
//
浏览 0提问于2012-02-15得票数 0
3回答
我有一个带有Javascript / jQuery内容的页面，例如：
(function()
{
$('.tip').tooltip();
$('.test').click(function()
{
alert('Clicked!')
});
}();
在页面上，我用jQuery插入一些HTML，这样DOM就会发生变化。例如，我在类“提示”或“测试”中插入了一个额外的元素。只是新插入的元素不能工作，因为jQuery使用的是非操作的DOM，而刚刚插入的元素不存在。所以我搜索了一下，找到了这个“点击”
浏览 1提问于2013-03-26得票数 1
3回答
我有一个关于jQuery bind..Whenever的工作的问题，我们在任何元素上使用bind方法并编写一些回调代码，这些完整的代码是“每次”在bind事件上执行还是jQuery只记住该代码的输出/结果并只执行该结果。
另外，我们可以在回调代码中生成另一个事件吗？
比如它到底是怎么工作的。
浏览 2提问于2011-08-24得票数 1
回答已采纳
我读过很多关于我的问题的答案，但它们都是关于使用.on() of jQuery的，我正在学习Javascript，我想知道如何处理JavaScript新创建的元素的事件。
我尝试过使用addEventListener --它是在向DOM添加元素的过程中触发的，而不是在事件发生时触发的！
浏览 8提问于2014-02-03得票数 0
回答已采纳
尤其是关于现场直播的那部分……
jQuery('.something').live('click', function() {
jQuery(this).parent('form').reset();
});
我想这也可以，尽管我对父函数很好奇：
jQuery('.something').live('click', function() {
this.form.reset();
});
浏览 0提问于2010-03-10得票数 1
回答已采纳
我有一个关于jQuery onClick函数的问题。(我是jQuery的新手。)
<table>
<th>CityName</th>
<th>CityId</th>
@foreach (var item in Model.Adress)
{
<tr>
<td>
<div onClick(cityDetail(@item.CityId, @item.cityName))>@CityId</div>
</td>
浏览 4提问于2017-10-24得票数 4
回答已采纳
8回答
在这里给我一些关于jquery的帮助。这是我的问题。我有一个清单
<ul>
<li>
<p>Name</p>
<a href="#">Delete</a>
</li>
</ul>
“Delete”事件单击在加载页面时在jquery中启动。现在的问题是，我想添加一个元素<li></li>，它包含如上所示的子元素。我使用jquery创建了包含孩子的标签'li‘，然后'prepend’到'ul‘。问题是，我不能
浏览 0提问于2013-06-27得票数 0
回答已采纳
我想知道是否有一种方法，使用jquery，在触发一个选择之后，将每个select元素的焦点分开？
谢谢。
注意:我知道如何一次只处理一个元素，这个问题是关于选择元素的全局行为的。
浏览 2提问于2012-12-20得票数 0
回答已采纳
2回答
关于事件捕获、冒泡和jQuery.on()，我有一个有趣的问题。
最近，我了解了更多关于事件捕获和事件冒泡之间的区别，以及这两个流程在DOM中的子父元素之间是如何不同的。
因此，要使用“事件捕获方向”添加一个事件侦听器，我将使用：
element.addEventListener("click", myFunction, true);
要添加具有“事件气泡方向”的事件侦听器，我将使用：
element.addEventListener("click", myFunction, false);
这一切都很好，但我想知道的是，当使用jquery.on()添加事件侦听
浏览 5提问于2014-02-10得票数 14
回答已采纳
3回答
最近我遇到了一些关于jQuery的问题。这么说吧，我有这样的元素：
<div id="parent1" class="parent">
<div id="child1" class="children">
<a href="" id="child_link1" class="child_link"></a>
</div>
</div>
我有这样的jQuery函数：
$(".
浏览 3提问于2013-01-23得票数 5
1回答
我有关于上传图像的数据的经典报告。在同一页，我上传照片和更新经典报告。问题是，当我刷新经典报告时，jQuery选择器(Dynamic )无法工作。典型报表中的表有列REMOVE_LINK和值NULL。该列有链接，目标是：javascript:void(0);，属性：data-id="#ID#" class="remove t-Icon fa fa-trash delete-irrow"。动态动作选择类型为jQuery Selector，选择器为#REPORT_PHOTOS .remove。我尝试使用JavasSript代码$('#REPORT_PHOTO
浏览 2提问于2020-07-17得票数 1
回答已采纳
4回答
我不知道这有什么问题，因为我每一步都遵循了jquery.com关于表单提交事件的教程。
我的Javascript：
Ofc。包含最新的jQuery库。
<script type="text/javascript">
$("form#addFav").submit(function(event) { event.preventDefault(); alert("hello"); });
</script>
我也尝试过使用$(document).ready()事件：
$(document).ready(function(){
浏览 0提问于2012-04-14得票数 2
回答已采纳
1回答
阅读关于jQuery性能的另一个堆栈溢出问题时，我开始思考使用事件委托而不是单独绑定到元素的价值。我主要考虑的是jQuery，但我认为它可能一般适用于Javascript。
事件委托有两个主要目的：
允许处理程序处理尚未创建/插入到DOM中的元素。将一个函数绑定到公共祖先元素，而不是绑定到多个同级元素。
我的问题是关于其中的第二个。一般的答案可能是“这取决于具体情况”，但我不知道是否有经验法则或基准方法来检验这一点。
因此，问题是:在事件委派的性能效益超过性能成本之前，需要多少元素？
浏览 2提问于2010-10-15得票数 11
回答已采纳
5回答
关于jQuery，我有一个一般性的问题。
我创建了几个jQuery按钮，但问题是，当您在页面向下滚动一半，按下按钮时，页面会跳回顶部，而不是停留在按钮所在的中间？
您如何才能阻止这种情况发生，因为它是令用户沮丧的？？
有什么特别的原因吗？
$(".comment-here").click(function() {
$(".comment-form").slideToggle('slow');
});
$(".main-btn.orange").click(function(){
$(".comment-fo
浏览 8提问于2013-11-27得票数 6
回答已采纳
我在一个项目中使用了jQuery 2.1.0，toogleClass()存在一些问题，下面是我的代码：
$('.options-item-label').on('click', function(){
$(this).toggleClass('option-opend');
});
关于jsfiddle 的演示
它不工作在铬上，但在我的iPad上工作，有人可以帮助吗？
谢谢
浏览 5提问于2014-04-06得票数 3
回答已采纳
2回答
关于iPhone上的jQuery mousemove()，我有一个问题。问题是，当触摸发生时，它不会在iPhone上显示移动；在iPhone上的Safari中，事件不能正常工作。
我可以从任何Javascript插件中获得一些技巧来修复这个问题或检测iPhone上的移动吗？
浏览 0提问于2011-09-01得票数 0
作为函数式编程的新手，我正在开发我的应用程序的javascript (只使用jQuery )，并且想知道jQuery的事件系统与它的函数式编程范例之间的关系。
我有一个函数setupAccountHeader，它可以很容易地成为一个文档绑定事件，比如
$(document).bind('setupAccountHeader', function() {
blah, blah, blah;
});
或
var setupAccountHeader = function() {
blah, blah, blah;
};
然后，在需要时触发或调用。
所以我有两个问题：
浏览 2提问于2009-08-10得票数 2
我是Jquery的新手，遇到了一个关于返回HTML的问题。我正在使用.load()函数来加载从jsp文件返回的超文本标记语言-除了返回的超文本标记语言似乎不允许在其上调用更多的Jquery函数之外，一切都正常。
我为"#showgame“运行了一个点击和切换组合--这个id在返回的HTML中，但是点击它不会在它应该做的时候做任何事情。在load()调用之后，我需要更新什么来告诉jquery这个id现在存在于页面上吗？
致以敬意，
Cormac
浏览 1提问于2010-02-21得票数 1
回答已采纳
我是这个组的新手，只是有一个关于窗口(JQuery)函数(.load() {})；的简单问题。
我有一个外部JS文件，它是在窗口加载事件发生后动态插入到页面上的。在这个JS文件中，我有一个如下语句：
jQuery(window).load(function() {
alert("Something");
});
我的问题是，上面的alert()语句是否会被执行，因为当我的上面的函数注册到窗口加载事件时，该事件已经被触发了。我预计上面的警报会立即触发，因为它应该等待的事件已经完成。
我很欣赏你的想法。
谢谢!
浏览 0提问于2010-03-26得票数 6
回答已采纳
1回答
我有一个关于附加事件的问题。 首先:在文档准备好之后，我创建了ajax和success 第二:在ajax成功之后，我将一些代码附加到body标记 第三:我想附加事件，它是在第二次创建的。 下面是我的代码 <html>
<head>
<meta charset="utf-8" />
<title></title>
<!--jquery, cookie import-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.
浏览 18提问于2020-06-25得票数 0
回答已采纳
1回答
我刚刚发现jquery可以捕获的事件比上列出的要多。
我想了解更多关于输入、粘贴等jquery主文档中没有的事件的信息。这些功能的文档记录在哪里？
浏览 3提问于2011-07-17得票数 1
回答已采纳
2回答
关于在JQUery中使用$(this)的简单问题。
如果你有这样的东西：
$('li.biz').mouseover(function(){
$(this).find('a.invisB').slideDown();
});
$(这个)将选择什么？它是选择您鼠标上的单个li.biz元素，然后滑动适当的子代元素，还是会在mouseover事件发生时选择所有带biz类的li元素？
浏览 1提问于2015-09-21得票数 0
回答已采纳
2回答
当用户滚动到网页上的某个高度时，我想在DOM中设置某个div的动画效果，比如600px。
问题是，我在谷歌上搜索，我找不到任何关于它的东西--都是关于放松的。
有人能帮我吗？我正在研究jQuery和Javascript文档，但仍然没有结果。
浏览 1提问于2013-01-07得票数 1
回答已采纳
2回答
JS命名空间和页面加载
、、、
我读过关于如何创建JS名称空间的文章，但我的问题是如何确保其中的函数只在页面加载时发生？即，不是：
$(document).ready(function () {...});
(或除jquery之外的任何其他库)。
还有--有没有一种方法可以控制页面加载时会启动什么，以及之前会启动什么？
谢谢！：)
浏览 2提问于2014-04-05得票数 1
我想问一个关于Jquery/javascript的问题
我的应用程序在后台有一个jquery，我需要在这个脚本结束时获得控制权。
在Jquery中，是否可以检测到另一个脚本的结尾？ir 是一种解决方案吗？提前感谢
浏览 0提问于2016-04-18得票数 0
1回答
我正在开发一个一页的网站。到目前为止，我成功地实现了‘垂直平滑滚动’功能(为我的家，关于，画廊.导航链接)，而且它工作得很好。
现在，我想添加另一个jquery到同一个网站-一个小的‘滚动’按钮，应该出现在右下角，以便更容易的导航。问题是它从来没有出现过？
以下是我迄今所做的工作：
HTML：
<a class="scrollup" href="#">Scroll</a>
CSS：
.scrollup {
height: 38px;
width: 38px;
opacity: 1.0;
position:fixed;
浏览 2提问于2013-08-25得票数 3
回答已采纳
关于jQuery事件处理，有些事情我不理解。我在使用jQuery UI 时发现了这个问题。我试图在小部件上触发一个排序事件。
假设我有一个简单的HTML列表：
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
首先，我试图触发这样的排序事件：
$('ul').sortable({
start: function() { console.log("drag started"); }
});
// N
浏览 1提问于2013-10-30得票数 1
回答已采纳
1回答
我有一个带有许多按钮的页面，其中许多按钮是在初始jQuery加载后使用ajax添加的。
在我的script.js文件中有一些处理程序，这里有一个：
$('.editor-button.remove').click(function () {
var row = $(this).parent('.row');
row.remove();
});
我怎样才能确保：
处理程序总是附加到满足jQuery选择器的所有按钮上，即使是那些刚刚通过ajax加载到页面的按钮。
在每个ajax调用中，处理程序没有被无数次附加到每个元素上。
让我的整个网站通过jQue
浏览 2提问于2013-05-16得票数 0
回答已采纳
2回答
在由text input field中的onKeyUp触发的jquery函数中，我有以下if语句
if ( famcount < 3 ) {
alert('number too small.');
} else if ( famcount > 10 ){
alert('number too large.');
}
问题是，如果用户尝试输入10，它将在1之后执行，并触发第一个警报。关于触发此事件的比onKeyUp更好的方式，有什么建议吗
浏览 2提问于2014-02-24得票数 1
1回答
我有一个使用jQuery操作的表，就像这样： --这个部分很好，并且按它的要求工作。
我通过jQuery的load函数将该表添加到页面中，如下所示：
$('#matrixclicker').click(function(){
$('#matrixwrapper').load('matrix.php');
}
$('#matrix-table').on("click", ".matrix-table-chooser", function() {
$(this).removeClass
浏览 1提问于2016-04-29得票数 1
回答已采纳
我希望每当用户点击鼠标或触摸屏时，都会触发一个事件。我尝试过使用"click“事件，但在触摸屏上，它会等待，直到点击完成，与其说是点击事件，不如说是点击即释放事件。感觉不太对劲。 是否存在轻触(无释放)或单击监听的事件？ 附注:这个问题(JavaScript custom tap event)是关于jquery的。
浏览 30提问于2019-06-04得票数 0
回答已采纳
最近，我发现当我单击其他元素时，jQuery无法触发锚标记上的本机单击事件，下面的示例将无法工作：
html
<a class="js-a1" href="new.html" target="_blank">this is a link</a>
<a class="js-a2" href="another.html" target="_blank">this is another link</a>
javascript
$('.js-a1
浏览 6提问于2013-12-26得票数 9
回答已采纳
当我在JQuery数据表中使用jQuery数据标识时，我得到了bug。对于前10 (10)个记录，工作正常。但是当我点击导航表进入第二页时，没有显示data-id值。下面是我的代码：
<code>A0</code>
这是javascript代码：
<code>A1</code>
在前10页上重新编码正常，但当我单击按钮进入数据表导航的第二页时，data-id就不起作用了……我不知道问题出在哪里。关于我的英语。
浏览 23提问于2020-08-05得票数 1
回答已采纳
我有一个关于jQuery的问题。我对jQuery，甚至是javascript都是新手，所以请耐心等待。
我在我的应用程序中的一些div上使用jQuery UI draggable。问题是，jQuery .on('click')似乎不适用于这些div。我确实尝试过使用.click()，它确实起作用了。下面是我的HTML代码片段：
<div class="book-page">
<div class="draggable-text">
<p>First text</p>
浏览 4提问于2013-05-16得票数 0
回答已采纳
我有一个关于在jQuery中切换html标签类的问题
现在，我有这样的代码
<body>
<button id="login" class="login">login</button>
<script>
jQuery(function($){
$('.logout').click(function(){
$(this).removeClass('logout');
浏览 1提问于2013-07-18得票数 0
我正在制作一个网站，最近我学到了一些关于jQuery的东西。
问题是，当我想把我的函数从我的索引文件中删除时，它什么也不做。
这在我的索引文件中：
<head>
<script src="js/scripts.js" type="text/javascript"></script>
<script src="js/jquery-1.11.3.js" type="text/javascript"></script>
<script>
$(right())
浏览 0提问于2015-08-07得票数 0
回答已采纳
我希望使用jQuery来选择已添加到HTML5内容可编辑div中的项。它现在不起作用，因为当页面加载时，该项目不存在。如何告诉jQuery div已经更新了？
请查看测试代码：
$(document).ready(function() {
<!-- This wont work on an image dragged into the div after page load -->
$('#editor img').click(function(){
$(this).fadeOut();
});
});
我见过关于这方面的其他问题，但似乎没有一个适用于
浏览 2提问于2012-11-19得票数 2
回答已采纳
2回答
我使用了很多视频播放器插件在我的Wordpress网站，但我有问题，在全屏模式。
在全屏模式下，视频只扩展到包装器(父div)的大小，而不是真正的视图大小。
这种情况发生在谷歌Chrome上。在Firefox中，全屏模式按预期工作。
举一个例子就可以澄清这一问题。在这篇文章的结尾有一段视频：
，，这是关于jQuery的。
当我使用版本低于1.6.4的jQuery时，全屏模式没有问题。但问题是，我需要一个更高版本的jQuery为我的其他插件。
任何帮助都将不胜感激。
更新:很明显，成千上万的用户正在使用我用默认版本jQuery测试过的视频播放器，并且没有问题，所以它可能是导致问题的其他原因。
浏览 4提问于2016-05-15得票数 0
我已经阅读了其他关于jQuery和Safari的文章，其他人遇到的问题似乎并不适用于我的问题。我使用的是最新版本的jQuery，而dreamweaver没有发现javascript有任何错误。我迫切需要找出为什么这不起作用。它在chrome和firefox上运行良好(不幸的是，我现在不能在IE上测试它)
<script src="../../zoom/jquery.min.js" type="text/javascript"></script>
<script src="../../zoom/epic-image-zoom.
浏览 1提问于2012-07-18得票数 0
这可能是关于jquery的一个基本问题，但我希望有人能为我澄清。
我在我的页面上创建了两个日期选择器(伪代码)：
<input id="datepicker1" class="datepicker"/>
<input id="datepicker2" class="datepicker" />
jQuery(".datepicker").datepicker();
如果我执行jQuery("#datepicker1")，我会得到使用类选择器创建的相同的datepicker-
浏览 1提问于2011-07-20得票数 1
回答已采纳
1回答
嗨，我有一个关于jQuery/jQuery移动专家/忍者的问题。
我有一个使用jQuery手机的页面，上面有一个表单，我注意到当我点击一个按钮或链接时，它通常没有响应。
我注意到，如果我滚动它，它就会响应。
这是jQuery手机的默认行为吗？
如果是这样的话，它叫什么，可以禁用它吗？
浏览 0提问于2015-01-23得票数 0
2回答
在这个名为called的著名jQuery插件中，有一个名为“onfocusout”的选项。但我想使用另一种名为“onfocusin”的方法，它没有文档化，而是存在于代码中，插件的作者在回复中引用了它。
我一直在尝试的代码：
<script type="text/javascript">
$(document).ready(function() {
$("form").validate({
onsubmit: false,
onkeyup: false,
onfocusin: true,
浏览 4提问于2011-01-17得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
