时间:2021-05-26
但感觉这样写很没意思。
jquery的优势就是简单的代码就能带来更好的用户体验。
所以就找几个我感觉实用的例子,拿出来介绍下。顺带把其中用到的操作和事件介绍下。
html代码:
<input type="text" id="address" value="请输入邮箱地址"/>
jquery代码:
复制代码 代码如下:
$(document).ready(function(){
$('#address').focus(function(){
var add_value=$(this).val();
if(add_value=="请输入邮箱地址"){
$(this).val("");
}
})
$('#address').blur(function(){
var add_value=$(this).val();
if(add_value==""){
$(this).val("请输入邮箱地址");
}
})
});
实现的效果就是地址框获取鼠标焦点时,地址框中的值清空。失去鼠标焦点的时候,地址框恢复默认设置。
介绍下这里用到的jquery事件:
focus()是当jquery对象得到鼠标焦点时候触发,blur()是当jquery对象失去鼠标焦点时候触发
顺带介绍下其他鼠标的事件。mouseover()是鼠标移入对象触发。mouseout()鼠标移出对象触发。mousemove()是鼠标在对象中移动时触发。
用到的jquery的dom操作:
val()是获取元素value的值,也可以设置元素value的值。这个在一个函数内实现获取和设置的方法在jquery中是很常见的
类是的还有html(),text(),heigth(),width(),css(),attr()等等。
这里区分下html()和text()
html()是相对于对象中html代码,而text()只是对象中的文本内容
举个例子<p><strong>区别</strong></p>
$('p').html()。结果是<strong>区别</strong>
$('p').text().结果是 区别
这个实例的介绍和拓展就说到这了把
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了jQuery实现仿新浪微博浮动的消息提示框。分享给大家供大家参考。具体如下:这是一款jQuery实现的仿新浪微博新消息提示框效果,支持智能浮动定位
最近在好好的研究JS,通过一个仿邮箱登录提示框的案例加深下对面向对象的理解!啥都别说,先上图:功能:实现正则匹配显示相符的内容、键盘事件、鼠标事件简单布局:仿微
本文实例讲述了jQuery实现仿QQ头像闪烁效果的文字闪动提示代码。分享给大家供大家参考,具体如下:jQuery闪动的文字提示,仿QQ头像闪烁闪动提示,可以用于
本文实例讲述了JS实现的邮箱提示补全效果。分享给大家供大家参考,具体如下:现在要实现的是类似网易登录时的邮箱提示框的效果,不过这里我打算稍微改变一下,就是在输入
jQuery实现仿微博发布框字数提示,主要是运用字符串操作!效果图:HTML:你还可以输入140个字JQ:$(function(){varmaxlength=1