正文
jquery点击触发事件,jquery触发点击事件onclick
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery鼠标点击事件是什么？
定义和用法：
当点击元素时，会发生 click 事件。
当鼠标指针停留在元素上方，然后按下并松开鼠标左键时，就会发生一次 click。
click() 方法触发 click 事件，或规定当发生 click 事件时运行的函数。
鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。
1、click事件：点击鼠标左键时触发
$('p').click(function(){});
示例：
123 $('p').click(function(){ alert('click function is running !'); });
2、dbclick事件：迅速连续的两次点击时触发
$('p').dbclick(function(){});
示例：
123 $("button").dblclick(function(){ $("p").slideToggle();});
3、mousedown事件：按下鼠标时触发
$('p').mousedown(function(){});
示例
123 $("button").mousedown(function(){ $("p").slideToggle();});
4、mouseup事件：松开鼠标时触发
$('p').mouseup(function(){});
示例：
123 $("button").mouseup(function(){ $("p").slideToggle();});
5、mouseover事件：鼠标从一个元素移入另一个元素时触发
mouseout事件：鼠标移出元素时触发
$('p').mouseover(function(){});
$('p').mouseout(function(){});
示例：
123456 $("p").mouseover(function(){ $("p").css("background-color","yellow");});$("p").mouseout(function(){ $("p").css("background-color","#E9E9E4");});
6、mouseenter事件：鼠标移入元素时触发
mouseleave事件：鼠标移出元素时触发
$('p').mouseenter(function(){});
$('p').mouseleave(function(){});
示例
123456 $("p").mouseenter(function(){ $("p").css("background-color","yellow");});$("p").mouseleave(function(){ $("p").css("background-color","#E9E9E4");});
7、hover事件
$('p').hover(
function(){},
function(){}
);
示例
123456789 $(".table_list tr").hover( function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); } );
8、toggle事件：鼠标点击切换事件
$('p').toggle(
function(){},
function(){}
);
示例
12345678 $("p").toggle( function(){ $("body").css("background-color","green");}, function(){ $("body").css("background-color","red");}, function(){ $("body").css("background-color","yellow");}
相关问答
Q1: jQuery 绑定并实现单击事件
实现的方法如下：
1、第一步，创建一个新的html文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，需要引入jquery.js，见下图，转到下面的步骤。
5、第五步，执行完上面的操作之后，设置输入框的keydown事件与click事件，见下图，转到下面的步骤。
6、第六步，执行完上面的操作之后，按钮单击触发事件，见下图，转到下面的步骤。
7、第七步，执行完上面的操作之后，单击按钮，效果见下图。这样，就解决了这个问题了。
Q2: 《JQuery》如何触发click事件？
不能触发click事件最常见的三种情况：
选择器使用错误，没有选择到标签；（请分享html代码分析）；
标签比jquery方法慢加载，也就是 先加载的方法 ， 后加载的标签；解决方法（将script标签与js方法 写在页面的底部 也就是 body 标签的下面）或者如下代码
!DOCTYPE html
html
head
meta charset="utf-8"
script src="js/jquery-1.9.1.min.js"/script
script
$(document).ready(function(){
$(".test").click(function(){
alert("333");
});
});
/script
title点击事件测试/title
/head
body
button class="test" 点击弹出/button
/body
/html
jquery文件或者js文件 导入路径错误或者没有导入 （新手低级错误）；
（纯手打，求采纳，已测试代码。梦魂清风 @author：dream breeze）！！
Q3: 如何在jquery中触发点击事件
给你举个例子：
html xmlns=""
head
title/title
script src="js/jquery-1.8.0.js" type="text/javascript"/script
script type="text/javascript" charset="utf-8" language="javascript"
$(function () {
$("#check").click(function () {
alert("点击事件后就会触发这里");
});
});
/script
/head
body
a id="check" href="javascript:void(0);"点击事件/a
/body
/html
Q4: jquery，点击一个节点，执行某一事件，再次点击，执行另一个事件，要能循环.
1、新建一个html文件，命名为test.html，用于讲解gt;怎么让jquery事件执行一次。
2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。
3、在test.html文件内，使用p标签创建一行文字，文字内容为“这是一段测试的文字”,并设置其class为mypp。
4、在js标签内，在页面加载完成时，通过class(mypp)获得p元素对象，使用one()方法给对象绑定click点击事件，当p元素被点击时，执行function()方法一次。
5、在function()方法内，使用$(this)获得p标签对象，使用text()方法取得p标签内的值，把值保存在ny变量中。
6、在function()方法内，使用alert()方法将获得的内容输出来。
7、在浏览器打开test.html文件，点击文字，查看实现的效果。
