jquery设置文本,jquery设置文本框不可编辑

用jquery 怎么给文本框赋值

方法/步骤

创新互联是专业的山阳网站建设公司，山阳接单;提供网站制作、做网站,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行山阳网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

新建一个html文档，可以用任何文本编辑器，这里演示用Dreamweaver软件，新建并保存html文档。

然后写html代码，写一个input文本输入框id为inputId，然后写一个按钮，id为buttonId，这里要做的是点击按钮就为输入框赋值。

然后把输入框和按钮的css样式写好，当然不写样式也可以，这里主要是为了美化一下。

最后就是关键步骤了，引入jQuery文件，注意路径一定要正确，然后写jQuery代码，其实就用到了val(“这里是赋值内容”)方法。

打开浏览器测试一下，点击按钮之后输入框内自动输入了赋值的内容。

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

html

div id="txt"/div

/html

script

$(function(){

$('#txt').html('textarea name="t1" cols="80" rows="8"/textarea');

});

/script

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容