<script src="jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
// 设置p元素 背景色蓝色 字体大小 24px加粗 字体颜色<ul class="mui-table-view mui-table-view-radio">
$("#p1").css({"backgroundColor":"blue","fontSize":"24px","fontWeight":"700","color":"red"})
// 第二种写法
// $("#p1").css("backgroundColor","blue")
// 通过按钮点击事件触发显示和隐藏
$("#showbtn").click(function(){
$("#p1").show();
});
$("#hidebtn").click(function(){
// 让p标签隐藏
$("#p1").hide()
});
// 设置p元素 背景色蓝色 字体大小 字体颜色
// 链式操作
$("#p1").css({"backgroundColor":"blue","color":"red"}).next()css("backgroundColor","red")
// 隐士迭代，自动遍历多个元素
$("li").css("color","green");
body部分
<body>
<p id="p1">三生三世</p>
<button type="button" id="showbtn">显示</button>
<button type="button" id="hidebtn">隐藏</button>
</body>
S01E09
<script src="jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(document).ready(function(){ // 设置p元素 背景色蓝色 字体大小 24px加粗 字体颜色<ul class="mui-table-view mui-table-...
[size=medium]
css
虽然会在一开始我们就定义好了，但是有很多场景需要我们动态设置
css
，或者单独
修改
一个dom控件的style属性，今天分享一下我总结的
jquery
设置
css
及style
样式
的方法。
一、
CSS
1、
css
(name)
访问第一个匹配
元素
的
样式
属性。
返回值 String
name (String) : 要访问的属性名称
$(...
jQuery
提供了用于
样式
操作
的两种方
式
，分别是
css
()方法和设置类
样式
的方法，前者通过
css
()方法直接
操作
元素
的
样式
，如width、height等，后者通过给
元素
添加或删除类名来
操作
元素
的
样式
。下面我们分别进行详细讲解。
修改
样式
jQuery
可以使用
css
()方法来
修改
简单
元素
样式
；也可以
操作
类，
修改
多个
样式
。下面我们首先对
css
()方法进行详细讲解。1. 获取
样式
css
()方法接收参数时只写
样式
名，则返回
样式
值。下面我们通过代码演示。
上述代码中，第2行代码设置div
元素
样式
宽度为200px，高度
jQuery
中常用的
样式
操作
有两种：
css
() 和 设置类
样式
方法
方法1:
操作
css
方法
jQuery
可以使用
css
方法来
修改
简单
元素
样式
； 也可以
操作
类，
修改
多个
样式
。
常用以下三种形
式
:
// 1.参数只写属性名，则是返回属性值
var strColor = $(this).
css
('color');
// 2. 参数是属性名，属性值，逗号分隔，是设置一组
样式
，属性必须加引号，值如果是数字可以不用跟单位和引号
$(this).
css
(''color
jQuery
动态设置
样式
（style、
css
）
一、
jQuery
设置
css
样式
<div style="background-color:#ffffff;padding-left:10px;">测试
jQuery
动态获取padding-left</div>
1、用
css
()方法返回
元素
的
样式
属性
$("div").
css
("padding-left"));
2、用
css
()设置
样式
$("div").
css
("color","yellow");
3、设置多个
样式
jquery
div提示框渐隐弹出与
隐藏
*{margin:0;padding:0;font-size:12px;}
input{width:120px;height:30px;cursor:pointer;}
#note{width:400px;padding:20px;background:#eee;border:1px solid #ccc;left:40%;z-index:9999;;}
软件开发网
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
本文实例讲述了
Jquery
使用
css
方法改变
样式
。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jqu
点
击
当前li
元素
后是用removeClass()删除所有兄弟
元素
（使用siblings()获取）的class
样式
，
然后使用addClass()为当前的 li 添加class，从而达到了切换class的位置。
HTML结构
<ul id="test">
<li class="expert_city_active">
