怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 339 JQUERY DREAMWEAVER
jquery双击事件;dblclick()
来源：互联网
2023-03-16 23:53:54 158
当双击元素时，触发 dblclick 事件,也就是所谓的双击事件。
为了能更加熟悉dblclick的使用，将通过案例进行双击事件的演示。
方法/步骤
打开html前端开发软件，创建一个html页面，然后在这个页面上创建div>，同时输入一些文字。如图：
代码：div>大家好，鼠标双击会有意想不到的惊喜哦。/div>
引入jquery库。dblclick 事件是jquery库封装好的一个方法，为了能使用到dblclick 需要引入jquery库（注：案例中使用的是本地的jquery库）。如图：
代码：script type="text/javascript" src="js/jquery-1.9.1.js" >/script>
创建dblclick双击事件。对div>标签创建dblclick 事件，案例中双击文本后会弹出一个alert()提示框。如图：
代码：
script type="text/javascript">
$(function(){
/*给div创建双击事件*/
$("div").dblclick(function(){
alert("该段落被双击了")
})
})
/script>
保存html文件，使用浏览器打开，双击div>文本内容即可看到弹出一个alert()提示框。如图：
页面所有代码。可以直接复制所有代码，粘贴到新建html文件上保存后使用浏览器打开鼠标双击后即可看到效果（注意：案例中使用的本地的jquery库，粘贴内容后需要检查jquery库的引入路径是否正确）。
所有代码：
!DOCTYPE html>
html>
head>
meta charset="UTF-8">
title>jquery双击事件/title>
script type="text/javascript" src="js/jquery-1.9.1.js" >/script>
script type="text/javascript">
$(function(){
/*给div创建双击事件*/
$("div").dblclick(function(){
alert("该段落被双击了")
})
})
/script>
/head>
body>
div>大家好，鼠标双击会有意想不到的惊喜哦。/div>
/body>
/html>
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JQUERY
相关文章
- 详细阅读
-
jQuery MiniUI 快速入门详细阅读
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大，使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 329 JQUERY
-
怎么使用JQuery Mobile开发移动网站详细阅读
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是，可以做一个网站，基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 373 JQUERY