十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
一、以下二种方法是可以为input添加disabled属性的方法
成都创新互联是一家专注网站建设、网络营销策划、微信小程序开发、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立十年以来,已经为1000多家房屋鉴定各业的企业公司提供互联网服务。现在,服务的1000多家客户与我们一路同行,见证我们的成长;未来,我们一起分享成功的喜悦。
1、$('#areaSelect').attr("disabled",true)
2、$('#areaSelect').attr("disabled","disabled")
二、以下三种方法是移除(去除)掉input的disabled属性的方法
1、$('#areaSelect').attr("disabled",false)
2、$('#areaSelect').removeAttr("disabled")
3、$('#areaSelect').attr("disabled","")
三、移除或者删除所有input和select控件的disabled属性
1、移除所有select控件的disabled属性
$("select").each(function () {$(this).attr("disabled","");})
2、移除所有input控件的disabled属性:
$("input").attr("disabled","");
扩展资料
1、jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
2、disabled属性是控制这个控件是否可编辑、可用。disabled:true 就是不可用,disabled:false 就是可用。
jQuery 属性操作 - addClass() 方法
定义和用法
addClass() 方法向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。
提示:如需添加多个类,请使用空格分隔类名。
语法
$(selector).addClass(class)
参数 class
必需。规定一个或多个 class 名称。
实例
//向第一个 p 元素添加一个类:
$("button").click(function(){ $("p:first").addClass("intro");});
思路为用addClass() 方法变可实现。
jquery中增加class属性步骤:
addClass() 方法:
定义和用法
addClass() 方法向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。
html
head
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(document).ready(function(){
$("button").click(function(){
$('p').addClass(function(n){
return 'par_' + n;
});
});
});
/script
style type="text/css"
.par_0
{
color:blue;
}
.par_1
{
color:red;
}
/style
/head
效果图:
jQuery改变标签的样式一般有3种
预置好class,然后通过jQuery改变元素的class名,使用的是addClass、removeClass
直接改变元素的css属性值,这种是通过添加style实现的,使用的是css方法
修改style属性值,通过attr方法
示例(假设以下标签的id都是test):
1.假设有一class名为class1,已经在css中写好样式
$('#test').addClass('class1');
2.让元素文字变为红色(css设置一个值)
$('#test').css('color','red');
3.让元素文字变为红色,同时宽度为100px(css设置多个值)
$('#test').css({color:'red',width:'100px'});
4.直接修改style属性(不常用)
$('#test').attr('style','color:red;width:100px');
var anElement = $("#someElement");anElement.attr("anyAttribute","anyValue");// 这段代码可以给ID为someElement的元素增加属性anyAttribute 属性值为anyValue// 属性名字随便写都可以 想写什么都行 如果属性名字存在会修改里面的值 否则就新加属性
jquery操作html标签的方法非常多,小编在这里总结一下。
首先,引入jquery,jquery下载地址在文章末尾的相关链接给出,这是运用jquery的第一步,也是必不可少的一步!
代码如下:
head
script src="jquery.js"/script
/head
当然,你也可以不下载,直接引用。
代码如下:
head
script src="/jquery/1.8.0/jquery.min.js"/script
/head
注意jquery的版本,及时更新。
接下来介绍jquery的第一种操作html标签的方法。
1.操作已经存在的html标签的属性!
这就需要用到一个非常强大的函数attr()
函数写法:
var ss=$("HTML标签的ID").attr("想要获得的属性");
这样准确ID的HTML标签的指定属性的值就会赋给变量ss。
例如:var ss=$("#id").attr("value");
当然还可以给准确ID的HTML标签的指定属性赋值。
函数写法:
$("HTML标签的ID").attr("想要改变的属性","改变的值");
例如:$("#id").attr("class","aaa");
这样可以将ID为"id"的HTML标签的class改为aaa.
利用这个函数更改HTML标签的类或ID,配合样式表可以做出非常炫的动态效果!
贴上样例图:
2.jquery向指定位置添加不存在的HTML标签!
这次需要的函数是append()或appendto()
有很多人搞不起这两个函数的区别,稍后会讲明。
函数写法:
$("HTML标签的ID").append("完整的HTML标签");
例如:$("#id").append("input type='text' value=' ' id='aa' /");
HTML标签的ID是为了定位添加的HTML标签,添加的HTML标签将会出现于指定ID标签的后面!注意控制排版!
贴上样例图:
接下来介绍appendto()的用法以及它和append()的区别!
函数写法:
$("完整的HTML标签").appendto("HTML标签的ID");
例如:$("input type='text' value=' ' id='aa' /").append("#id");
这样也可以达到与append()的相同效果,至于区别,也许你已经发现了,区别就是前后两个括号的内容反过来了,先填写HTML标签,再写指定元素ID。
但是即使这样写,添加的HTML标签仍会出现于指定ID标签的后面!
这个就不贴样例图了。
操作HTML的函数还有很多,比如图中提到的CSS()。
这是操作指定属性的。用attr()也可以做到,所以就不再介绍。
这里贴上一张jquery操作HTML的方法汇总图。