★→ASP程序学习群:62655404 微信公众号开发
订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS学习 > 正文

jquery设置或获取修改classname

 2021/2/16 14:17:49  字体:  浏览 1434 我要评论
需要定制网站程序、公众号程序、微信小程序可以联系:565449214或者加微信13961347334(备注:需要技术)
或者在处理一些技术问题时,有什么不懂的地方,随时可以加我QQ:565449214讨论技术或者加QQ群62655404讨论
当前标签
classname



jQuery中使用attr()方法修改”class”属性、也可以用addClass()、removeClass()、toggleClass()、hasClass()以及css()方法来完成


1、javascript addClass
利用document.getElementById("XX")找到document对象、然后再通过addClass("xxx")修改其class值 document.getElementById("XX").addClass("xxx");


2、addClass()
addClass()方法向匹配的元素增加指定的类名(一个或多个)、注意对于元素来说、class属性可以有多个值、该方法不会移除已经存在的值、而是在原有的基础上追加一个或多个class属性
$(".XX").addClass("xxx");


3、removeClass()
removeClass()方法从被选元素移除一个或多个类、如需移除若干类、用空格来分隔类名、如果没有传参数、该方法将会移除被选元素的所有类
$(".XX").removeClass("xxx");


4、toggleClass()
toggleClass()方法对被选元素的一个或多个类进行切换(设置或移除)、该方法检查每个元素中的指定类、如果存在则删除、如果不存在则添加、通过添加参数,可以设置只进行删除或者只进行添加操作、switch值为true时、只添加、为false时、只删除
$(".XX").toggleClass("xxx",switch);


5、hasClass()
hasClass()方法检查被选元素是否包含指定的class、还可以用is()方法实现同样的功能、方法参数传入一个选择器字符串、比如”.className”
$(".XX").hasClass("xxx");

6、css()
读操作:获取匹配元素集合中第一个元素的指定样式值(一个或多个)、读取多个样式值的操作是在jQuery v1.9才加入的
写操作: 为匹配元素集合中的每一个元素设置一个或多个CSS属性的值、传入的参数可以是单个的键值对、也可以是PlainObject指定的多个值
$(".XX").css("color","red");


7、attr()
attr()方法设置或返回被选元素的属性值、根据该方法不同的参数、其工作方式也有所差异

$(".XX").attr("class","xxx");
jQuery会处理各个浏览器中不太相同的一些具体情况、比如W3C的cssFloat在IE中是styleFloat、在jQuery中、你可以使用float、然后jQuery会帮你把它翻译成每个浏览器中应该有的正确名称、还有、jQuery会合理解读CSS和DOM格式的多词属性、比如.css(“background-color”)和.css(“backgroundColor”)、它都是可以处理的

后一页:没有了
相关阅读
( 2014/9/11 20:43:31 )用javscript实现为表格的每一行自动加上序号
( 2011/1/28 9:21:05 )利用javascript做的页内(详细页)搜索功能并将结果高亮突出显示
( 2011/1/17 15:42:22 )javascript 根据汉字拼音首字母快速定位下拉列表
( 2011/1/14 17:03:42 )javascript取汉字拼音首字母缩写程序
( 2010/7/2 13:05:11 )div+css黑色焦点图(幻灯片效果非常 不错)
( 2010/4/1 9:02:24 )点击密码框弹出小键盘
( 2010/1/7 15:55:14 )从百度扣下来的javascript日历
( 2009/12/22 14:07:38 )代码绝对精简的仿lightbox效果弹出层
共有0条关于《jquery设置或获取修改classname》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
uni-app
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
解决手机端微信浏览器中视频自动播放和默认全屏问题
利用CSS实现半透明效果兼容IE与火狐与chrome等浏览器
在table中tr的display:block在firefox下显示布局错乱问题
更多>>最新添加文章
uni-app开发表单input组件的一些规则说明自己预留使用
查询某个字符在字符串中出现的位置数组
百度小程序开发第一坑tcomponent自定义组件命名坑Compile san component failed. . [SAN ERROR] ROOT>swan-custom-component>view>千万不要用下划线作为自定义组件名
开始百度小程序开发需要准备工作
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
小程序打开pdf文件并保存到本地 支持远程pdf、word、xls表格文件打开
uni-app里面复制内容时保留换行利用正则替换br标签替换成回车换行符
更多>>随机抽取信息
ASP.NET常用的三十三种实用代码(下)
北京顺义阿来电脑科技有限公司
各个苹果手表型号版本对比以及查看苹果手机Apple Watch型号
汉字转声母
好用的免费桌面gif录制作屏幕软件
加长增高对话框与文本框
漂亮的页面loading等待页面特效(3)
背景调色板:状态栏还能显示颜色值