使用Jquery允许常规JS对象上的事件
是通过Jquery的事件绑定机制来实现的。Jquery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画效果和Ajax等操作。
在Jquery中，可以使用.on()方法来绑定事件。该方法可以接受一个或多个事件类型和一个事件处理函数作为参数。事件类型可以是常规的JavaScript事件，如click、mouseover等，也可以是自定义事件。事件处理函数是一个回调函数，当事件触发时会被调用。
以下是一个示例代码，演示如何使用Jquery允许常规JS对象上的事件：
// HTML中的一个按钮
<button id="myButton">点击我</button>
// JavaScript中的事件处理函数
function handleClick() {
console.log("按钮被点击了");
}
// 使用Jquery绑定事件
$("#myButton").on("click", handleClick);在上面的代码中，我们使用Jquery选择器选中了id为"myButton"的按钮，并使用.on()方法绑定了click事件。当按钮被点击时，事件处理函数handleClick会被调用，并输出一条信息到控制台。
Jquery提供了丰富的事件处理方法和功能，可以实现事件委托、事件冒泡、事件过滤等高级操作。此外，Jquery还提供了许多其他功能，如DOM操作、动画效果、Ajax请求等，可以极大地简化前端开发的工作。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）、腾讯云云数据库MySQL版（TencentDB for MySQL）。
- 腾讯云云服务器（CVM）：提供可扩展的云服务器，适用于各种规模的应用程序和工作负载。详情请参考：腾讯云云服务器
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，可用于存储和管理大规模的非结构化数据。详情请参考：腾讯云对象存储
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的云数据库服务，适用于各种规模的应用程序和业务场景。详情请参考：腾讯云云数据库MySQL版
相关·内容
使用jquery开/关方法和触发器在非dom元素/常规js对象上执行是否存在潜在的陷阱。
谢谢
浏览 1提问于2012-03-28得票数 1
回答已采纳
我试图用PHP和AJAX制作简单的登录系统。我的问题是，当我尝试提交signUp表单时，它的验证工作并将数据保存到数据库中，但是表单不会被动态重置。当我检查控制台时，会出现一些错误。请帮我解决这个问题。
<form id="signupForm" role="form" method="post" action="add-user-submit.php" enctype="multipart/form-data">
<div class="form-group
浏览 0提问于2018-07-26得票数 0
回答已采纳
2回答
我已经下载并安装了jQuery UI 1.8.17，我尝试应用手风琴，但没有成功。
我的代码如下：
<html>
<head>
<title>Document Title</title>
<link href="../../css/tinyMCE/jquery_ui_wp_theme/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
<script type="text
浏览 3提问于2012-02-11得票数 0
回答已采纳
首先，我正在使用Chrome工具测试各种方法，但我并不认为自己是当今现代浏览器中JS的“专家”，所以我正在寻找更多的反馈来补充我的测试。
我有一个页面，它有需要处理单击事件的600+元素。我可以想到至少3种不同的方法来解决这个问题，但是我考虑的是页面大小、速度、JS内存问题、与对象计数相关的问题(在性能和稳定性方面)。
为每个元素包括onClick=“foo(This)”，并在我包含的.js文件中定义函数。--更大的页面，函数定义过一次，我认为JS的内存占用更小，但整个页面的内存占用更大。
使用jQuery和$(selector).click(foo(this))；-较小的页面，函数只
浏览 0提问于2013-03-24得票数 5
回答已采纳
我正在开发一个chrome扩展来使用jQuery突出显示Facebook通知。我可以让它加载，当Facebook第一次加载时，但过了一段时间它就停止工作了。在清单中，我尝试将持久化设置为true和false，没有区别。我尝试过使用background.js。
我一直在摆弄chrome.tabs.onActivated和.onHighlighted，可以得到一个警告来显示，但看不到我的代码或jQuery $。
在dev tools中，我的扩展没有列在我可以选择在这里使用的环境中
我的代码: manifest.json
{
"name": "Faceboo
浏览 2提问于2018-11-17得票数 8
我得到了这个错误：
uncaught TypeError: Object [object Object] has no method 'on'
在jquery.handsontable.js:2258
我有一些类似下面这样的设置：
<script src="/javascripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="/javascripts/jquery-ui-1.8.12.custom.min.js"
浏览 1提问于2012-06-23得票数 0
回答已采纳
我正在用PhoneGap编写一个iPhone应用程序。我的要求是在PhoneGap网页视图中加载一个外部页面(如)，然后当用户单击网页上的按钮时，它将调用本地PhoneGap js (如BarcodeScanner.js)。也就是说，“扫描条形码”按钮将在一个外部网站上，点击该按钮(当页面通过我的应用程序中的phonegap加载时)将调用phonegap的本地条形码扫描器。我尝试在我的网页src中包含barcodeScanner.js，并将点击按钮链接到phonegap js，但它不起作用！我认为scanner对象是空的……
浏览 2提问于2013-01-17得票数 0
我不知道这是否可能，但我尝试在onclick javascript函数中使用this，以便在jquery中遍历。
<input type="text" />
<button onclick="javascript:$.addItem(this)">Add</button>
JS
$.addItem= function(e) {
var n = parseFloat($(e).siblings('input').val());
};
这有可能吗还是我漏掉了什么？
浏览 2提问于2013-11-29得票数 0
回答已采纳
我正在使用xui js作为移动web应用程序。Xui js不支持像jquery $("#selector").live()那样的实时事件。我想在jquery live上写一些东西。
jquery如何处理事件委托？
谢谢您抽时间见我
Mac
浏览 0提问于2011-07-27得票数 2
回答已采纳
我第一次在我的公司项目中使用typescript，我有这个JS文件：
/// <reference path="jquery.d.ts" />
/// <reference path="bootstrap-switch.d.ts" />
function CreateIdeSkuValidoSwitch() {
$("[name='actived_ideskuvalido']").bootstrapSwitch();
}
但是当我在我的Typescript函数中使用它时，编译器会说：
浏览 0提问于2016-11-18得票数 5
1回答
我正在尝试使用，目前有以下内容：
'use strict'
<!-- wavesurfer.js -->
<script src="src/wavesurfer.js"></script>
<script src="src/util.js"></script>
<script src="src/webaudio.js"></script>
<script src="src/mediaele
浏览 2提问于2015-03-07得票数 1
回答已采纳
我希望能够在HTTP Post请求被触发时拦截它，然后修改它的请求正文(或参数)，然后发送它。
这是如何通过jquery/js实现的。
谢谢
浏览 18提问于2016-03-16得票数 0
1回答
我的html中有以下代码，我想知道如何清理它以优化加载。
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "js/jquery.orbit-1.2.3.min.js";
document.body.appendChild(element);
}
function downloadJSAtOnload() {
var
浏览 5提问于2013-11-30得票数 0
回答已采纳
4回答
嘿，伙计们，我正在尝试解析下面的json文件：
为了实现这一点，我使用了以下javascript：
更新：
<body>
<div id="placeholder"></div>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
var url = 'http://osthessen-news.de/json2.php';
alert(
浏览 0提问于2013-04-16得票数 0
回答已采纳
我的zeroclipboard.js工作得很好，而且很容易将文本复制到剪贴板上，而不需要ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js。
但是如果我把脚本添加到我的网站上，它就不再起作用了。
下面是我的演示代码：
浏览 1提问于2013-08-18得票数 0
回答已采纳
如何加载新URL取决于单击哪个div。每个div都有自己的URL来加载(在我的实现中，div是博客页面)。
My JQuery: & My html:
$('.postWraper').click(() => {
window.location = $(this).find('h3').find('a').attr('href');
return false;
});
<script src="https://ajax.googleapis.com/ajax/
浏览 2提问于2018-07-31得票数 0
回答已采纳
我试图通过单击链接来触发canvas元素上的canvas操作。
下面是我一直在做的例子：
JS:
$('#zoom-in-button').click(function() {
$('.vis-network canvas').scroll(0, 100);
// $('.vis-network canvas').scroll({top: 1000});
});
HTML:
<a id="zoom-in-button" class="nav-button">
+
</a&
浏览 0提问于2018-09-01得票数 1
1回答
从json对象格式的ajax响应中获取值，并通过jQuery自动完成框实现自动完成。
{ "consignmentList" : [ "" , "AAA" , "ABC" , "BHU" , "MAN" , "WER" , "ZXC"]}
$(document).ready(function() {
$("input#autoText").autocomplete({
width: 300,
max: 10,
dela
浏览 1提问于2015-02-22得票数 0
1回答
我正在尝试设置我的WordPress，以便它使用最新版本的jQuery。以下是我迄今所做的工作：
functions.php
<?
add_action( 'wp_enqueue_scripts', 'RegisterJQuery' );
add_action( 'wp_enqueue_scripts', 'EnqueueScripts' );
function RegisterJQuery()
{
wp_deregister_script( 'jquery' );
wp_register_scri
浏览 0提问于2013-04-03得票数 -1
我有一个动态附加到div元素的HTML表单。如何将现有行为附加到新添加的元素。
例如。我有像这样的方法
$.fn.jqueryAjaxFormLoad - defined in jquery.ajaxload.js
$.fn.displayMessage - defined in jquery.messagebar.js
已定义，在页面加载过程中加载。现在，我想将它们附加到新添加的form元素及其子元素中，或使其可用。使用jQuery实现这一点的最佳方式是什么？
最终的期望是我可以调用
其中一个表单元素上的$('.form_element').displayMessage()
浏览 2提问于2011-06-17得票数 0
2回答
背景
在同一个网页上使用jQuery小部件和OpenLayers小部件。
问题
jQuery有，OpenLayers有。这导致：
工具箱控件有不同的颜色。这可以通过定制或来弥补，但如果可能的话，我不希望再发明轮子。例如：
问题
在哪里可以找到OpenLayers 2.12和jQuery UI 1.8.18 (可免费获得)的主题，它们的配色方案是一致的？
谢谢!
浏览 4提问于2012-07-07得票数 0
回答已采纳
1回答
问题陈述：
提取文件名，如果文件名上有jQuery，则读取文件名，将其放在一边。
第二步是再检查一个，看看是否有任何jQuery文件在文件名中有ui。
输入：
script_ref1 = """<script type="text/javascript" src="js/jquery-1.9.1.min.js"/>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"/>
<scr
浏览 0提问于2015-06-10得票数 0
回答已采纳
我在chrome扩展中有简单的内容脚本来捕获所有表单提交。它在按钮(参见代码)触发提交时起作用，但在被jquery调用时不起作用。它应该是有效的，不能理解哪里出了问题。
content.js
---------
jQuery("form").submit(function() {
alert('submit hooked!: ' + $(this).serialize());
});
页面：
page.html
--------
<html>
<head>
<script type="text/javas
浏览 0提问于2012-10-24得票数 4
回答已采纳
我使用js函数来减慢滚动频率，铬会产生以下错误：
由于目标被视为被动的，所以无法在被动事件侦听器中进行preventDefault。
var scrollTimeout = 1;
var throttle = 4500;
var scrollMessage = function (message) {
console.log(message);
};
$(window).bind('wheel', function () {
if (scrollTimeout === 0)
浏览 0提问于2019-09-22得票数 2
回答已采纳
我看过这篇文章，它解释了什么是v4 TinyMCE jQuery包，但这篇文章和tinymce站点只包含v3的示例。
当我下载v4 TinyMCE jQuery包时，没有tiny_mce.js；似乎有两个文件jquery.tinymce.min.js和tinymce.min.js。我读到，如果我包含这两个文件，那么我使用的是完整的TinyMCE而不是jQuery版本，但是如果我只包含jQuery文件，我对tinyMCE.init的调用将失败，并显示"tinyMCE is not defined“。
我真的很想从文档中找出这一点，但是我试着搜索了一下，没有找到任何关于jQuery版本的信
浏览 0提问于2014-01-29得票数 21
回答已采纳
1回答
这是一个java文件，它动态地生成div &一个文本框。
js文件
var count = 6;
$(document).ready(function(){
$("#addmoreParam").click(function(){
$("#showParam tr:last").before("<tr><td><div style=\"width:150px;background-color:#FFF; height:20px;\" contenteditable=\"
浏览 2提问于2016-03-17得票数 0
回答已采纳
我有一个ajax表单，我正在尝试使用Google Web site Optimizer跟踪它。表单将发送一封电子邮件。
<%= f.email_field :email, :placeholder => "Enter your email address", :size => 40 %>
<%= f.submit '', :class => 'subscriberSubmit', :id => 'subscriber_submit', :onclick => "doGoa
浏览 6提问于2011-08-20得票数 0
回答已采纳
针对，提出了两种方法：
使用javascript
在对的评论中，建议使用
实际上，使用JS bind()：$(document).on('dblclick'，'#an_tnam tr'，ADS.bind(null，‘hello’))有一个更简洁的语法；第一个参数是您希望"this“在回调函数中具有的值。-2016年2月19日16时24分
在jQuery的中使用数据参数
David的回答建议使用jQuery的data参数
$(document).on('dblclick', '#an_tnam tr', { ext
浏览 0提问于2016-09-19得票数 0
我正在努力学习构建自己的jquery插件。使用简单的示例，但我在执行.planning以构建插件时出错。
贷款计算器
有些人能帮助我处理错误吗？
对象期望
我在index.html中的javascript是这样的..。
$(function(){
$('#btn').click(function() {
var roi=getie(); // ROI - rate of interest - value of i receved from function getie()
$("#i").val(roi); // input
浏览 3提问于2012-06-07得票数 0
回答已采纳
我有一个CodeIgniter网络应用程序，我正在尝试转换(更新:我试图覆盖JQM )到一个jQuery移动应用程序。设置链接到我的CodeIgniter控制器的选项卡有问题。
这是我的"header.php“视图中的代码--在<div data-role="page"></div>中。这是由主控制器调用的，它工作得很好。现在，问题是:我正在尝试设置我的jQuery移动导航栏选项卡，以调用一个名为收件箱的新控制器。
<div data-role="footer" data-position="fixed"&g
浏览 3提问于2012-12-08得票数 1
回答已采纳
我在我的级别页面中使用了iScroll，但不知何故，我的编辑器在我的索引页面(另一个页面)中抱怨ReferenceError，而我没有使用iScroll。我在我的索引中搜索'myScroll‘，但是在我的索引中没有这样的词。由于这个错误，我在浏览器中工作的iScroll在安卓模拟器中无法工作。
09-04 08:31:06.249: E/Web Console(942): Uncaught ReferenceError: myScroll is not defined at file:///android_asset/www/index.html:1
如果我在模拟器中滑动，它会生成
0
浏览 4提问于2012-09-04得票数 0
3回答
我在我的索引页面上有一个非常简单的用例。
<script src="js/jquery-min.js"></script>
<script src="js/jquery-mobile.js"></script>
<script type="text/javascript" src="cordova-2.2.0.js"></script>
<script>
浏览 1提问于2013-01-19得票数 6
回答已采纳
2回答
JS事件碰撞
、、
当我使用内置的JS/jQuery运行html时，会发生冲突。虽然这个动作onclick='window.location="location A"适用于整个区域，而onclick='action 1'应该只适用于“删除”链接。碰撞是当我按下‘删除’，JS首先计算出所需的action1，也(这是不需要的)重定向到‘位置A’。是否有可能将链接留在区域内，并使这个div的JS不对单击此链接作出反应？
<div class='scraper_item' onclick='window.location="location A
浏览 3提问于2012-08-21得票数 1
回答已采纳
2回答
我正在开发一个jQuery插件，遵循指南中详细介绍的模式。基本上：
(function($) {
// Private
var doSomething = function($element, settings) { ... }
var doSomethingElse = function($element, settings) { ... }
// Public
var methods = {
init: function(options) { ... },
show: function() { ... },
hide: function()
浏览 0提问于2011-07-13得票数 4
回答已采纳
6回答
我有一个javascript代码片段，它在我的页面上显示一个小部件。该脚本输出的一些链接如下所示：
<a href="#" onclick="somefunction()">Link</a>
这些链接会导致一些JS触发。太好了。问题在于href="#"和onclick属性末尾缺少"return false;"。
当我单击其中一个链接时，浏览器会跳转到文档的顶部。由于小部件位于文档底部附近，因此这并不好用。
不幸的是，我无法控制脚本的输出。
通过使用jQuery，我可以使用$("#wxheader u
浏览 2提问于2010-12-08得票数 5
回答已采纳
3回答
假设:我找到一个带有按钮的页面('#bigButton')，点击它会让jQuery显示一个美洲驼(‘jQuery’)。
因此，在buttons.js中的某个地方(例如，第76行)：
$('#bigButton').click(function(){
$('img#theLlama').show();
})
现在，假设我有一个包含大量.js文件的大型HTML页面。我可以点击按钮，看到骆驼出现，但我不知道上面的代码在哪里。
我正在寻找的解决方案非常类似于CSS在Firebug中提供的解决方案。我想检查这个元素，让它告诉我这个jQuery发生在butt
浏览 6提问于2010-10-18得票数 46
回答已采纳
4回答
我正在开发一个web框架，并试图在其中内置XSS预防功能。我已经对它进行了设置，这样它就可以避开传入的数据存储在数据库中，但有时你想要保存用户生成的html。我正在尝试制作一个自定义标记，它将阻止任何javascript执行，这是我的第一个技巧：
<html>
<head>
<script type="text/javascript" src="/js/jquery.min.js"></script>
</head>
<body>
<preventjs&g
浏览 2提问于2011-08-26得票数 2
回答已采纳
3回答
我正在尝试使用jquery (而不是使用验证插件)...what来验证表单，我想知道有没有一种方法可以调用相同的函数而不将其附加到特定的节点上……
就像在js中一样
<input id="xyz" ....onblur=js:function()>
<input id="abc" ....onblur=js:function()>
jq中的where
$(#xyz).blur();
$(#abc).blur();
不是确切的语法，但您确实理解它。
谢谢安迪
浏览 2提问于2010-12-01得票数 0
回答已采纳
我已经能够成功地使用BC新闻模块实现完整的日历，但是当事件过去后，它就会从日历中完全消失。我需要所有的事件，过去和现在留在日历上，但当我用新闻模块或when应用程序替换事件模块时，我的页面就会变成空白。有人有这方面的经验吗？下面的代码是工作事件模块的代码，如果我更改了：
{module_booking filter="all" collection="theEvents" template=""}
至：
{module_announcement filter="all" collection="theEvents"
浏览 8提问于2017-02-06得票数 0
我想应用我的JavaScript算法来解决2048年的游戏。
为了做到这一点，我首先想添加一种可能性，用js在站点上模拟keydown事件(左箭头、右箭头、向下、向上)。
为此，我输入了js控制台的以下代码：
var jq = document.createElement('script');
jq.src = "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq)
浏览 5提问于2014-04-16得票数 0
回答已采纳
1回答
我使用jquery创建了一个日历控件，并对要选择的日期进行了一些限制。我的要求是显示关于禁用日期的工具提示，如“对不起，此日期不可选择”。有办法解决这个问题吗？我的代码：
<!doctype html>
<html><head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker </title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1
浏览 2提问于2013-08-14得票数 2
回答已采纳
4回答
这个假期，我愿意学习如何使用JS来操作DOM --我从简单的事情开始，比如：
var sliderControler = document.getElementsByClassName("slider-controler");
var slideAtual = 0;
for(i = 0; i < sliderControler.length;i++) {
sliderControler[i].click(function(){
console.log("I love to screw my brain with js");
})
}
为什
浏览 1提问于2013-11-07得票数 1
回答已采纳
1回答
为了使业力配置文件更容易配置路径，我使用变量来存储路径的某些部分。
var publicfolder = "public"
var mypath = "packages/vendor/package/";
files: [
publicfolder+'/assets/libs/jquery/dist/jquery.js',
publicfolder+'/assets/libs/angular/angular.js',
publicfolder+'/assets/libs/**/*.js',
pub
浏览 4提问于2015-08-11得票数 0
回答已采纳
Rails 3.1，我有一个crud模型问题。在show页面上，我列出了相关的答案(@controller中定义的答案)
answers区域中有一个远程调用链接，使用接受的嵌套属性可以很好地工作：
<span class="crud">
<%= link_to 'Edit/Add Answers', edit_answers_question_path(params[:id]), :"data-remote" => true %>
</span>
它用一个允许编辑/更新所有答案的表单替换了@quest
浏览 0提问于2011-12-16得票数 1
为什么我的start()和stop()方法不能工作？我不能停下来播放音频，有人能看到我做的任何错误吗？
在js中，$被jQuery所取代。
因此，继续我的代码，我使用了：
$('.play').click(function() {
audioBufferSouceNode.start();
});
$('.pause').click(function() {
audioBufferSouceNode.stop();
浏览 2提问于2015-07-04得票数 1
回答已采纳
7回答
有人能解释一下“这”在jQuery中是怎么工作的吗？我试着在网上找一些信息，但因为"this“在他通常的意思中用得很多，所以我找不到任何好的信息。
我希望能够在不给每个列表元素一个id的情况下改变列表元素(<li>)的背景。
浏览 0提问于2012-02-20得票数 1
回答已采纳
在运行我的QUnit测试套件时，我(第一次)检查了“”标志，一个测试因我引入了一个全局变量而变成红色，这个全局变量如下：
window.jQuery110007089870080817491
名称与$.expando属性相同，它似乎是某种类型的唯一标识符。
我尝试过调试测试，但无法确定何时将此属性添加到窗口对象中。
我想知道是否有人知道这是什么，它是用于什么，以及是什么导致它被添加(而不是删除)到窗口对象。
谢谢
/Viktor
编辑：
当这种情况发生时，我设法创建了一个最小的示例，这似乎是jquery的一个问题。
<html>
<head>
&
浏览 2提问于2013-07-29得票数 1
回答已采纳
鉴于以下共同情况：
console.log(this); // window or any parent object
$('.selector').on('click', function(event) {
console.log(this); // clicked DOM element
});
var myFunc = function() {
console.log(this); // window or parent object
}
由于1.3Version1.3 jQuery在绑定事件处理程序时添加了 (其中包含event.cu
浏览 2提问于2014-10-03得票数 0
回答已采纳
我有一个列表视图，它可以从本地数据库中提取数据。我想在列表项上添加和点击事件，所以我使用了这个站点的示例，但是当在模拟器上运行这段代码时，它工作得很好，但是当我试图将它实现到代码中时，我想它不能正常工作，它在taphold事件中会发出警告，但在这里不会创建一个示例对话框，我正在使用的代码是：
function createlist(){
alert("I am in create list");
db.transaction(function(tx){
tx.executeSql(select_nameUserDetails,[],function(tx,results){
浏览 2提问于2013-07-12得票数 0
4回答
<!doctype html>
<html>
<head>
<title>test</title>
<meta charset="UTF-8">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
$(document).re
浏览 8提问于2014-03-13得票数 25
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
