## 文本主要内容 - 样式和类操作 - 节点操作 ## 样式操作和类操作 作用:设置或获取元素的样式属性值。 ### 样式操作 **1、设置样式:** ```javascript //设置单个样式: css(属性,值); $("div").css("background-color","red"); //设置多个样式: css(json); $("div").css({"width":100,"height":100,"background-color":"pink"}); ``` **2、获取样式:** ```javascript //获取样式:css(属性); //获取的时候如果有很多个,那么获取jquery对象中的第一个 alert($("div").css("width")); ``` 举例如下: 20180205_1315.png ### 类操作(className) **1、添加类样式:** ```javascript $(selector).addClass("liItem"); //为指定元素添加类className ``` 注意:此处类名不带点,所有类操作的方法类名都不带点。 **2、移除类样式:** ```javascript $(selector).removeClass("liItem"); //为指定元素移除类 className $(selector).removeClass(); //不指定参数,表示移除被选中元素的所有类 ``` **3、判断有没有类样式:** ```javascript $(selector).hasClass("liItem"); //判断指定元素是否包含类 className ``` 此时,会返回true或false。jquery对象中,只要有一个带有指定类名的就是true,所有都不带才是false。 举例: ```html
标题 | 地址 | 说明 |
---|
课程名称 | 所属团队 | |
---|---|---|
JavaScript | 生命团队 | |
css | 生命团队 | |
html | 生命团队 | |
jQuery | 生命团队 |