首先需要获取到文本框元素,然后通过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");