jquery 选中文本框 jquery 文本框样式 jquery 改变样式

Posted 2023-05-01

首先需要获取到文本框元素，然后通过Jquerycss操作方法修改样式。

Jquery可以根据标签名、id、类等很多方式选取元素。

ID选择器

　　# 选取带有唯一的指定 id 的元素。id 引用 html 元素的 id 属性。相同的 id 值只能在文档中使用一次。

类选择器

　　. 选择器选取带有指定 class 的元素。class 引用 HTML 元素的 class 属性。与 id 选择器不同，class 选择器常用于多个元素。这样就可以为带有相同 class 的任何 HTML 元素设置特定的样式

标签名选择器

　　element 选择器选取带有指定标签名的元素。标签名引用 HTML 标签的 < 与 > 之间的文本。

如题根据文本框的样式选择标签，我们可以通过以下代码实现。

\\\\比如文本框的class="text1",则通过类选择器选取。即：
$(".text1")

Jquery修改样式的方法有css，addClass,removeClass等方法.

例如如修改文本框的class="text1"的样式我们可以通过Css方法这样实现：

$(".text1").css(width:"70px",height:"20px",border:"1px solide gray");

也可通过直接给该元素新增一个样式达到修改效果：

\\*我们有一个text2的样式*\\
.text2
width:70px；height:20px；border:1px solide gray；

\\\\然后我们直接添加这个class
$(".text1").addClass("text2");
\\\\如担心之前已有样式和新增样式冲突，我们可以在添加的同时移除新样式。
$(".text1").addClass("text2").removeClass("text1");

参考技术A jquery 选中文本框 jquery 文本框样式 jquery 改变样式
http://blog.sina.com.cn/s/blog_638151f60100fs4g.html本回答被提问者采纳

jquery js 当文本框获得焦点时，自动选中里面的文字

如何写

$(function()

$(":text").focus(function()

this.select();

);

);

JQuery文本框获得焦点背景颜色改变：

1.先使用jQuery选择器找到所有的文本框。

2.为文本框注册获得焦点事件，即focus事件。

3.在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色。

4.注册失去焦点事件，即blur事件。

5.在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色。

<script type="text/javascript">

$(function()

//找到文本框，并注册得到焦点事件。

$("input:text").focus(function()

//让当前得到焦点的文本框改变其背景色。

$(this).css("background","pink");

);

//找到文本框，并注册失去焦点事件

$("input:text").blur(function()

//让当前失去焦点的文本框背景色变为白色。

$(this).css("background","white");

);

);

</script>

参考技术A $(function()
$(":text").focus(function()
this.select();
);
);本回答被提问者采纳 参考技术B onfocus 事件触发