`

jQuery 使得文本框获得焦点

 
阅读更多

转载自:http://www.cnblogs.com/sukiwqy/archive/2010/04/20/1716166.html

 

 

今天遇见这么一个小小的问题,就是文本框中需要输入内容才可以提交,如果没有输入就提示并使该文本框获得焦点!

这么一个简单的事情如果没有使用jQuery的话 是不是对象.focus()就可以了,

可是当我们使用了jQuery 这样$("#nameInput") 返回的就不是DOM对象了而是jQuery对象,

这样的话$("#nameInput").focus()这个方法的意义也就变了,

并不是使这个文本框获得焦点 而是触发这个文本框所有绑定在onfocus的函数!

其实使用jQuery也非常简单将jQuery对象转化为一个DOM对象,这一点相信开发人员早就考虑到了,诶 真是先天下之忧而忧啊 

$("#nameInput")[0].focus() 简单的加一个[0] 便是我们想要的了!!

 

分享到:
评论

相关推荐

    JQuery设置文本框和密码框得到焦点时的样式

    例如,可以为获得焦点的文本框或密码框设置边框颜色、背景色、文本阴影或其他视觉效果,以提醒用户哪个元素当前拥有输入焦点。当用户切换焦点后,通过 `.blur()` 事件移除 `myFocus` 类,相应元素将恢复到其原始状态...

    JQuery中使文本框获得焦点的方法实例分析

    总结以上内容,本文介绍了在使用jQuery进行文本框焦点控制时需要注意的几个关键点: 1. 区分JQuery对象与DOM对象,并正确选择方法来使文本框获得焦点。 2. 使用`$("#id")[0].focus();`方法使DOM元素获得焦点。 3. ...

    JQ 文本框得到失去焦点

    本文将围绕“JQ文本框得到失去焦点”这一主题进行详细讲解,帮助开发者理解如何利用jQuery来监听文本框(input[type="text"])的聚焦(focus)和失焦(blur)事件。 ### 一、jQuery基本概念 jQuery库通过$函数提供...

    jquery文本框点击的效果插件

    总的来说,这个插件通过结合使用jQuery的`focus`、`blur`和`change`事件,为HTML文本框提供了一种优雅的交互体验,使得用户能够清晰地了解输入框的作用,并且在输入过程中得到友好的反馈。这种设计对于提高网页的...

    文本框获得焦点清空value的插件

    总的来说,"文本框获得焦点清空value的插件"提供了一种便利的方式来优化用户体验,使得文本框在需要用户输入时更加友好。开发者可以根据自身项目需求,选择使用原生JavaScript、jQuery或其他前端框架的解决方案,...

    jQuery实现文本框自动补全

    这个插件是jQuery UI库的一部分,能够帮助开发者轻松创建智能搜索或者建议输入的功能,使得用户在输入时可以快速找到并选择合适的选项。 ### jQuery Autocomplete基本原理 jQuery Autocomplete工作原理是监听...

    jquery注册文本框获取焦点清空,失去焦点赋值的简单实例

    // 当文本框获得焦点时 $("#account").focus(function() { var account_value = $(this).val(); // 如果文本框的值等于"请输入账号" if (account_value == "请输入账号") { // 清空文本框的值 $(this).val("...

    jQuery控制的表单文本框获得与失去焦点时的默认值和提示信息效果.zip

    "jQuery控制的表单文本框获得与失去焦点时的默认值和提示信息效果"这个项目就是这样一个例子,它展示了如何利用jQuery来优化表单输入元素的行为,提供更友好的用户界面。 首先,我们要理解jQuery的基本概念。jQuery...

    jQuery文本框输入表情符号代码.zip

    《jQuery实现文本框输入表情符号代码详解》 在网页交互设计中,用户界面的友好性和易用性至关重要,其中,允许用户在文本框内输入表情符号成为了一种流行趋势。jQuery,作为一款强大的JavaScript库,提供了丰富的...

    jQuery文本框得到与失去焦点动态改变样式效果

    在网页设计中,为文本框添加获得和失去焦点时动态...总结起来,通过上述内容,我们可以了解到使用jQuery为文本框添加得到与失去焦点时动态改变样式的方法和技巧,以及如何利用jQuery库来增强网页的交互性和视觉效果。

    用Enter键控制多个文本框获取焦点

    这个功能使得用户无需使用鼠标,只需按下键盘上的Enter键,就能将焦点从一个文本框移动到下一个文本框,从而提高数据录入的效率。 实现这一功能主要涉及前端开发技术,尤其是JavaScript,它是一种广泛用于网页动态...

    调用DOM对象的focus使文本框获得焦点

    这段代码会选择ID为`id`的元素,然后调用其DOM对象的`focus`方法,使得文本框立即获得焦点,用户可以开始输入。 现在来详细讨论`.focus()`函数的两种用法: 1. **jQuery对象的.focus()**: 当我们使用`$("#id")....

    jquery限定文本框只能输入数字(整数和小数)

    keyup和blur事件用于处理文本框失去焦点时的清理工作,确保文本框中的值不会以非法格式(如单个点号)结束。 知识点二:使用jQuery实现文本框只允许输入整数 文中还提供了另一种方法,即使用jQuery的fn.integer方法...

    JQuery 文本框使用小结

    在JavaScript的世界里,jQuery库为...总的来说,jQuery简化了JavaScript与HTML元素的交互,使得文本框和其他表单元素的处理变得更加简单和高效。熟练掌握这些基本操作和事件绑定,将有助于你构建功能丰富的网页应用。

    jquery文本框中的事件应用以输入邮箱为例

    文章详细地讲解了在文本框获得焦点时如何改变样式、在失去焦点时如何验证用户输入的内容,并根据验证结果反馈给用户提示信息。以下是文章介绍的几个关键知识点: 1. jQuery的基本使用:文章通过引入jQuery库来简化...

    【Jquery经典特效13】jQuery可选择详细的价钱区间值代码

    jQuery库以其简洁的API和强大的DOM操作能力,使得实现这类效果变得相对简单。 首先,我们需要理解jQuery的选择器系统。在本实例中,我们可能会遇到`input[type="range"]`这样的选择器,它用来选取HTML页面中所有...

    文本框显示描述文字

    4. 添加事件监听:当文本框获取焦点或失去焦点时,动态改变提示文字的显示状态。 5. 测试与调试:在不同浏览器和设备上测试,确保兼容性和功能的正确性。 通过学习和实践这些步骤,开发者可以有效地在网页的文本框...

    jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例

    该列表框在默认情况下是隐藏的,当文本框获得焦点时,列表框会显示出来。 在CSS样式部分,为页面元素设定了基本的布局和样式。比如给文本框和列表框设置宽度、高度、边框等,以及列表项的字体大小、行高。这里特别...

Global site tag (gtag.js) - Google Analytics