请问jquery里面，click和on.click有什么区别，怎么用？

上周我在调查点击事件并发现了一些有趣的事情。
到 2 02 3 年，就好像告诉浏览器，“在这个元素上点击鼠标，你就会这样做。
” 朋友问我click()是什么？我说过click()是一个方法，它的作用是触发元素的onclick事件，这就是当按钮被点击时元素的反应。
例如，如果 onclick 事件中有一个按钮显示alert('Clicked!') 那么如果直接调用该按钮的 click() 方法。
弹出窗口“点击！”它会出现。
如果在click()方法中添加其他语句。
我还发现这些语句会在onclick事件触发后执行。
例如，写下这个。
JavaScript 按钮.单击(函数() { Alert('点击了！'); console.log('这是click()方法'); });
这样，窗口“咔哒”一声！首先会出现，然后控制台显示“这是在 click() 方法中执行的另一条语句。
” 一般来说，onclick是一个事件，click是一个方法。
他们每个人都有自己的功能。
这取决于你。
如果这两种方法运用得好，页面交互会更加有趣。
算了，我们现在就做吧。

jquery 或者js 怎么获取页面光标所在的元素？

昨天，我在整理旧书时，发现了一本我从大学带来的笔记本。
上面是一个简单的网页结构图，旁边是一个关于‘鼠标追踪’的小实验。
等等，这个想法很有趣。

电脑屏幕亮着，键盘上有咖啡渍。
打开旧的 Sublime Text 并创建一个名为 mousetrack.txt 的文件。
输入最基本的 <body></body></> 感觉就像一个构建块。

开始编写脚本。
我记得你提到的 [xss_clean] 标签，所以将其添加到 <body> 中。
代码有点复杂，不过大概能看懂。
我使用 document.body.onmouseover 来监视鼠标移动，然后使用 jQuery（即使我没有安装它，我还是出于习惯使用 $）向鼠标所在元素的内容添加换行符。
那时，使用 jQuery 非常方便，写作就像说话一样。

保存文件并双击将其打开。
页面空白，鼠标悬停在页面上没有任何反应。
突然我想到我需要使用Chrome。
打开浏览器并拖放文件。
这次成功了！鼠标在屏幕上移动，下面实际打印“鼠标当前位于元素 xx 上”。

如果您在页面上写下盲文然后将其向上移动，文本将充分打印。
如果我删除文本并将其移动到空白区域，它将打印“鼠标当前位于该元素上”。
这是什么？我检查了一下，这是一个图像映射区域。
当时它的使用不多，但现在网页设计已经发生了很大变化。

等一下，你能修改这个脚本来跟踪点击事件吗？或者您想跟踪鼠标停留时间？我突然想到，如果我把这段代码放在像CodePen这样的在线代码编辑器中，我就可以立即开始使用它。
您不需要安装任何东西。
直接打开看看效果吧。
这种感觉真的很神奇。

jquery如何实现鼠标经过一个元素时触发点击事件呢

我记得，我当时正在改善一个电子商务网站的用户交互体验。
页面有图片预览，用户可以点击图片切换到下一张。
然而，客户想要添加一项功能：当鼠标悬停在图像上时，图像会自动切换到下一张。
这让我很为难，因为传统的点击事件不能满足我的需求。
然后我突然想到，我可以模拟一个点击事件吗？好吧，我查了jQuery文档，发现可以通过监听鼠标事件来触发点击事件。

我找了一个时间点，比如下午三点我坐在电脑前开始写代码。
首先，我编写了一个简单的 HTML 结构，其中包含几个图像类，每个类的类名称为“a1 _img”。
然后我使用 jQuery 监听这些元素的鼠标事件，并在事件处理程序中调用 click 方法。
代码如下：
$(document).ready(function() { $(".a1 _img").mouseover(function() { $（这个）点击（）； }); });
这个方法效果很好。
我下午4 点测试过。
当鼠标悬停在图片上时，图片会发生相应的变化。
但是，我还注意到，如果将其他事件处理程序附加到图像，可能会发生意外行为。
例如，如果同时绑定鼠标和鼠标事件，则模拟的单击事件可能会触发两次。

这次经历让我意识到，虽然模拟点击事件可以实现一些有趣的功能，但是你应该意识到潜在的问题。
毕竟，编程就像做饭。
有时添加一些香料可以改变味道，但你也想确保它不会变得一团糟。

5种简单的jQuery事件绑定方法

上周一位客户问我，jQuery 中有很多绑定事件的方法，哪种方法最适合我。
我给他详细解释了。

首先，最简单的方式就是直接绑定事件，比如.click()和.mouseenter()快捷方法。
这类代码看起来很简洁，但缺点是必须单独绑定每个事件，有点麻烦。

那么最好使用.on()方法。
这种方法不仅集成了事件绑定接口，支持动态元素，而且还实现了事件委托，性能比以前更好。

接下来我提到 .bind() 方法，它是 jQuery 1 .7 之前的旧方法，但现在已被 .on() 取代。
但是，如果您想与旧版本的 jQuery 兼容，您也可以考虑使用 .bind() 或 .delegate()。

.delegate() 也是早期 jQuery 中用于委托事件的方法，但现在已被 .on() 取代。

最后，我应该提一下被废弃的 .live() 方法。
这种方式可以实现全局事件委托，但是存在性能问题，所以此时最好不要使用。

通常，对于现代项目，首先使用 .on() 方法是最明智的选择。
如果要考虑遗留兼容性，可以使用.bind()或.delegate()。
无论如何，哪种方法适合您的项目取决于您。
我还在想这个。
毕竟，不同的项目可能有不同的要求。