jQuery鼠标点击/划过特效

简介: 以下代码是jQuery在鼠标动作的时候进行的相应的操作,比如输入框获得焦点Jquery的,鼠标点击,鼠标划过的时候Jquery的效果 //获得焦点,这个效果最好,点或者按tab,都可以全选 $("#upwd").
以下代码是jQuery在鼠标动作的时候进行的相应的操作,比如输入框获得焦点Jquery的,鼠标点击,鼠标划过的时候Jquery的效果
<script type="text/javascript" src="/include/jquery/jquery-1.1.3.1.pack.js"></script>
<input type="text" value="ID" id="uid" name="uid" />
<input type="password" name="upwd" value="Password" id="upwd" />
<script language="javascript">
//获得焦点,这个效果最好,点或者按tab,都可以全选
$("#upwd").focus(function(){this.select();})
$("#uid").focus(function(){this.select();})
//点击
$("#upwd").click(function(){this.select();})
$("#uid").click(function(){this.select();})
//划过全选
$("#upwd").mouseover(function(){this.select();})
$("#uid").mouseover(function(){this.select();})
</script>
目录
相关文章
|
5月前
|
JavaScript
jQuery实现动态添加和删除(点击按钮添加在页面添加和删除元素)
jQuery实现动态添加和删除(点击按钮添加在页面添加和删除元素)
50 0
|
5月前
|
JavaScript 前端开发
jQuery点击图片来回切换功能
jQuery点击图片来回切换功能
64 0
jQuery点击图片来回切换功能
|
5月前
|
JavaScript 数据库
jQuery点击图片开启,再次点击图片关闭效果
jQuery点击图片开启,再次点击图片关闭效果
19 0
|
5月前
|
JavaScript 前端开发
jQuery鼠标悬停的时候图片替换
jQuery鼠标悬停的时候图片替换
21 0
|
5月前
|
JavaScript
jquery鼠标悬停的时候图片改变
jquery鼠标悬停的时候图片改变
25 1
|
5月前
|
JavaScript
jquery实现点击图片切换为另一图片,再次点击恢复到原图片
jquery实现点击图片切换为另一图片,再次点击恢复到原图片
58 0
|
5月前
|
JavaScript
jQuery鼠标离焦验证手机号码
jQuery鼠标离焦验证手机号码
12 0
|
5月前
|
JavaScript
jquery点击删除按钮,删除当前的div
jquery点击删除按钮,删除当前的div
32 0
|
5月前
|
JavaScript
jQuery点击按钮,生成input输入框
jQuery点击按钮,生成input输入框
31 0
|
5月前
|
JavaScript Java
jQuery点击checkbox选择标签到指定的位置
jQuery点击checkbox选择标签到指定的位置
27 0