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

jquery设置或获取修改classname

 2021/2/16 14:17:49  字体:  浏览 68 我要评论
需要定制网站程序、公众号程序、微信小程序可以联系: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下显示布局错乱问题
更多>>最新添加文章
微信小程序直播组件tencentvideo(wxa75efa648b60994b)
微信小程序直播组件live-player-plugin(wx2b03c6e691cd7370)
微信公众号用户关注时自动推送回复小程序卡片(图文卡片)不需要第三方平台就可以做
微信公众号用客服接口推送菜单消息
微信公众号回复图文消息或用客服接口推送图文消息
微信公众号回复音乐消息或用客服接口推送音乐消息
微信公众号回复视频消息或用客服接口推送视频消息
微信公众号回复语音消息或用客服接口推送语音消息
更多>>随机抽取信息
CSS关于box(盒模式)的一系列问题详解
JS自动获取TAGS关键词
一次自动化批量处理服务器上几万张图片
返回上一页页面特效
告诉你一些GOOGLE搜索你不知道的东西
使用uni-app开始小程序使用腾讯视频插件vid播放视频
收集的javascript客户端验证函数大全
代码绝对精简的仿lightbox效果弹出层