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

代码如下:

//设置文本框和密码框得到焦点时的样式
$("#tblReg input[type=text],#tblReg input[type=password]").focus(function () {
$(this).addClass("myFocus");
}).blur(function () {
$(this).removeClass("myFocus");
});

注意中间用逗号隔开

赞 (0)

相关推荐

  • jQuery实现回车键（Enter）切换文本框焦点的代码实例

    以下是实现方法: 复制代码 代码如下: <script src="http://yige.org/static/js/j.js"></script>jQuery(function () {    jQuery('input:text:first').focus();//直接定位到当前页面的第一个文本框    var $inp = jQuery('input:text');//所有文本框    $inp.bind('keydown', function (e) {

  • 基于jquery实现的移入页面上空文本框时，让它变为焦点，移出清除焦点

    复制代码 代码如下: var Page_INIT = function () { $(document).bind("mouseover", function (e) {//鼠标移入 if (e.target.tagName.toUpperCase() == "INPUT") { var input = e.target; if (input.type == "text") {//如果是文本框 if (window.Page_FocusTimer

  • js/jquery获取文本框输入焦点的方法

    方法一. 复制代码 代码如下: function CheckForm() {             if(document.form1.trainingName.value==""){                     alert("培训班名称不能为空!");                     document.form1.trainingName.focus();                     return false;          

  • jQuery 文本框得失焦点的简单实例

    版本一 css代码部分: 复制代码 代码如下: .focus {      border: 1px solid #f00;     background: #fcc;} 当焦点获得时,添加focus样式,添加边框,并改背景色为#fcc html代码部分: 复制代码 代码如下: <body>    <form action="" method="post" id="regForm">        <fieldset&

  • 在js(jquery)中获得文本框焦点和失去焦点的方法

    先来看javascript的直接写在了input上 复制代码 代码如下: <input name="pwuser" type="text" id="pwuser" class="input" value="楼盘账号" onBlur="if(this.value=='') this.value='楼盘账号';" onFocus="if(this.value=='楼盘账号')

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

    本文实例分析了JQuery中使文本框获得焦点的方法.分享给大家供大家参考.具体分析如下: 由于JQuery中获得的对象还是JQuery对象,对其使用focus()只是使该对象获得onFocus()函数,不能是对象获得焦点,所以要使对象获得焦点,应该调用DOM对象的focus 方法,即: $("#id")[0].focus(); 需要注意两个函数之间的区别: $("#id").focus(); $("#id")[0].focus(); 第一个是增加

  • jquery关于页面焦点的定位(文本框获取焦点时改变样式 )

    功能实现: 用户在输入文字时,如果能高亮显示正在输入的那个文本框的话,会更人性化些,下面就使用jQuery来实现. 实现原理: 在document加载完成后(ready),添加input的focus和blur事件,并进行增加和删除样式的操作. 代码示例: 复制代码 代码如下: <html> <head><title></title> <style type="text/css"> .redBack{}{ color:white

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

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

    本文实例讲述了jQuery文本框得到与失去焦点动态改变样式效果.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> body { font: nor

  • 表单类各种类型(文本框)失去焦点效果jquery代码

    复制代码 代码如下: <SPAN style="FONT-SIZE: 18px">表单类失去焦点的效果</SPAN> 复制代码 代码如下: <script type="text/javascript"> $(function(){ $(":input").focus(function(){ //此处可获取各种表单如(:text/:button) $(this).addClass("focusa&quo

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

    复制代码 代码如下: //设置文本框和密码框得到焦点时的样式 $("#tblReg input[type=text],#tblReg input[type=password]").focus(function () { $(this).addClass("myFocus"); }).blur(function () { $(this).removeClass("myFocus"); }); 注意中间用逗号隔开

  • IE下支持文本框和密码框placeholder效果的JQuery插件分享

    很久之前写了这个插件,基于jQuery实现的,主要用于IE下实现placeholder效果,可同时支持文本和密码输入框. placeholder是HTML5新增的一个属性,当input设置了该属性后,该值的内容将作为灰色提示显示在文本框中,当文本框获得焦点时,提示文字消失. 下载地址:http://xiazai.jb51.net/201501/other/placeholderfriend.rar 实现代码如下: 复制代码 代码如下: (function($) {   /**    * 没有开花

  • jQuery设置和移除文本框默认值的方法

    本文实例讲述了jQuery设置和移除文本框默认值的方法.分享给大家供大家参考.具体分析如下: 开始时,文本框设定一个默认值.当光标移动到文本框时,如果文本框当前值是默认值,那么清空:离开文本框时,文本框值如果为空,那么将文本框值设置为默认值. 代码如下: $(document).ready(function() { //each遍历文本框 $(".input").each(function() { //保存当前文本框的值 var vdefault = this.value; $(thi

  • jQuery简单设置文本框回车事件的方法

    本文实例讲述了jQuery简单设置文本框回车事件的方法.分享给大家供大家参考,具体如下: $(document).ready(function () { $("#txt_JumpPager").keydown(function (e) { var curKey = e.which; if (curKey == 13) { $("#lbtn_JumpPager").click(); return false; } }); }); 其中的txt_JumpPager为文本

  • jquery设置text的值示例(设置文本框 DIV 表单值)

    jquery设置内容 - text().html() 以及 val() 我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML标记)val() - 设置或返回表单字段的值 下面的例子演示如何通过 text().html() 以及 val() 方法来设置内容: 实例 复制代码 代码如下: $("#btn1").click(function(){$("#test1").te

  • jQuery控制文本框只能输入数字和字母及使用方法

    在公司开发WinForm项目时,发现公司自主研发的textbox控件非常强大,可以实现"只能输入数字"."只能输入字母"和"只能输入数字和字母"的三种输入限制,这样就可以精确控制用户输入的内容范围,让"用户永远没有办法输入限定的内容范围之外的其他内容",也就是"用户即使想犯错误也没有机会",这种限制控件输入的方式给了我很大的启发,如果在web项目中也能做到这样的精确控制,那么就可以避免因为一些非法输入而造成

  • PHP获取文本框、密码域、按钮的值实例代码

    PHP获取文本框、密码域、按钮的值实例代码

    获取表单元素提交的值是表单应用中最基本的操作方法.本节中定义 POST()方法提交数据,对获取表单元素提交的值进行详细的讲解. 获取文本框.密码域.按钮的值 获取表单数据,实际上就是获取不同的表单元素的数据.<form>标签中的 name 是所有表单元素都具备的属性,即这个表单元素的名称,在使用时需要使用 name 属性来获取响应的 value 属性值. 所以,添加的所有控件必须定义对应的 name 属性值.另外,控件在命名上尽可能不要重复,以免获取的数据出错. 在程序开发过程中,获取文本框.

  • jquery聚焦文本框与扩展文本框聚焦方法

    光标聚焦的位置在最前面 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title&g

  • jquery对单选框,多选框,文本框等常见操作小结

    一.文本框.单选按钮.复选框.相关操作 复制代码 代码如下: var sex=$("input[name='sex']:checked").val();   //获取一组radio被选中项的值  var item=$("#sel option:selected").text();      //获取select被选中项的文本  var option_num=$('#sel').val();                 //获取select项目索引 $("

随机推荐