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

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

1、过程如下，首先打开hbuilder软件，在空白文件里写入两个button设置简单的样式，并分别设置id属性为btn1和btn2，在下方加入script标签，获取button1的dom元素并给其button标签一个click事件，当点击button1的时候，文字就会改变：

2、按下crtl＋s保存一下，在浏览器中可以看到两个按钮：

2、在右侧的浏览器点击button1的按钮，button1的文字内容就改变了：

3、jquery需要先在下方将jquery引入文件，之后用jquery的“$”选择符获取button2的dom，并给它设置一个click事件，之后就可以改变button的内容了：

4、保存以后，同样在浏览器点击button2，也可以观察到文字内容改变了。以上就是用js和jquery改变button文字的过程：

$.fn.插件方法名称 = function(参数options) {var container = this//获取当前调用方法的jquery对象var settings = {默认参数设置}if (参数options) {$.extend(settings, 参数options)//如果给予参数，参数顶替默认参数}

插件要实现的功能。。。。}

---