这篇文章介绍了jQuery操作半铸钢钢性铸铁(铸造半钢)样式的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
一、DOM操作分类
数字正射影像图核心：任何一种支持数字正射影像图的编程语言都可以使用它，例如：getElementById()。HTML-DOM:用于处理超文本标记语言文档，例如：文档。表单。CSS-DOM:用于操作CSS，例如：element.style.color='green '。
二、jQuery中的DOM操作
jQuery对Java脚本语言中的数字正射影像图操作进行了封装，使用起来更加简便。
jQuery中的数字正射影像图操作可分为如下几种：
样式操作。内容及价值属性值操作。节点操作。节点属性操作。节点遍历CSS-DOM操作。
三、样式操作
1、使用css()为指定的样式设置样式值
语法如下：
例如：
示例：
！文档类型超文本标记语言
html lang='en '
头
meta charset='UTF-8 '
meta name=' viewport ' content=' width=device-width，initial-scale=1.0 '
meta http-equiv=' X-UA-Compatible ' content=' ie=edge '
标题样式操作/标题
！-引入jQuery -
脚本src='./jquery-3。3 .1 .js '/脚本
！- javascript -
脚本
$(function(){
//设置单个样式
//$('p ').css('边框，' 1px纯红');
//设置多个样式
$('p ').CSS({ ' border:' 1px纯蓝，'背景色':'绿色，'颜色':'黄色' });
});
/脚本
/头
身体
费罗世界！/p
/body
/html
效果：
补充：
JSON简介
JSON(JavaScript对象符号)是一种轻量级的数据交换格式。其语法如下：
JSON的取值方法
可以使用点号表示法来获取。
例如：
例如：
！文档类型超文本标记语言
html lang='en '
头
meta charset='UTF-8 '
meta name=' viewport ' content=' width=device-width，initial-scale=1.0 '
meta http-equiv=' X-UA-Compatible ' content=' ie=edge '
titleJSON示例/标题
脚本
//获取年龄
var student={'name':'Tom '，' age ':28 }；
警惕(学生。年龄)；
var json={
学生':[{ '姓名':'汤姆','年龄':24},
{ '姓名':'凯文','年龄':25},
{ '姓名':'詹姆斯','年龄':22}
]};
alert(json.student[2]).年龄);
/脚本
/头
身体
/body
/html
2、追加和移除样式
使用jQuery可以同时追加或移除一个、多个样式，语法如下：
示例：
！文档类型超文本标记语言
html lang='en '
头
meta charset='UTF-8 '
meta name=' viewport ' content=' width=device-width，initial-scale=1.0 '
meta http-equiv=' X-UA-Compatible ' content=' ie=edge '
标题追加和移除样式演示示例/标题
风格
h2{
边距：0px
填充：0px
字体大小：30px
边距-底部：10px
}
/*边框样式*/。边框样式{
边框：2px纯红；
}
/*背景色样式*/。bgcolorStyle{
背景色：绿色；
}
/风格
！-引入jQuery -
脚本src='./jquery-3。3 .1 .js '/脚本
！- javascript -
脚本
$(function(){
//获取氘元素
var H2元素=$(' H2 ')；
//追加边框样式
$('#btnAdd ').单击（函数(){
H2元素。添加类(“边框样式”)；
});
//追加背景色样式
$('#btnAddBgcolor ').单击（函数(){
H2元素。添加类(' bgcolorStyle ')；
});
//同时追加边框和背景色样式
$('#btnAddMulit ').单击（函数(){
H2元素。添加类(' border style bgcolorStyle ')；
});
//移除边框样式
$('#btnRemove ').单击（函数(){
H2元素。移除类(“边框样式”)；
});
//移除背景色样式
$('#btnRemoveBgcolor ').单击（函数(){
H2元素。移除类(“bgcolorStyle”)；
});
$('#btnRemoveMulit ').单击（函数(){
H2元素。移除类(“border style bgcolorStyle”)；
});
});
/脚本
/头
身体
H2练习用jQuery /h2添加和删除样式
type=' button ' id=' btnadd ' value=' append border style '/
type=' button ' id=' btnaddbcolor ' value='附加背景颜色样式'/
type=' button ' id=' btnaddmulit ' value='同时附加边框和背景颜色样式'/
type=' button ' id=' BTN remove ' value='移除边框样式'/
type=' button ' id=' btnremovebgcolor ' value='删除背景颜色样式'/
input=' button ' id=' btnremovemulit ' value='同时删除边框和背景颜色样式'/
/body
/html
效果：
关于jQuery操作的CSS样式的这篇文章到此为止。希望对大家的学习有帮助，也希望大家多多支持。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。