扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
思路为用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 属性操作 - addClass() 方法
定义和用法
addClass() 方法向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。
提示:如需添加多个类,请使用空格分隔类名。
语法
$(selector).addClass(class)
参数 class
必需。规定一个或多个 class 名称。
实例
//向第一个 p 元素添加一个类:
$("button").click(function(){ $("p:first").addClass("intro");});
一、以下二种方法是可以为input添加disabled属性的方法
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改变标签的样式一般有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');
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流