Jquery使用css方法改变样式实例
2015-05-18 00:00
716 查看
本文实例讲述了Jquery使用css方法改变样式。分享给大家供大家参考。具体实现方法如下:
希望本文所述对大家的jQuery程序设计有所帮助。
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Jquery css方法</title> <style type="text/css"> div{width:100px;margin:0px auto;border:1px solid red;} </style> <script src="jquery-1.6.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#btnChangeCss").click(function () { var $divs = $("div"); //返回JQuery对象,包含两个div元素 //----举例1 //alert("Div 的 Border样式:" + $divs.css("border-color")); //读取css样式 //----举例2 //$divs.css("backgroundColor", "#ccff66"); //设置两个div元素的背景颜色 //----举例3 链式设置三个个css属性 $divs.css("width","500px").css("background-color", "#ffff00").css("font-size", "88px"); }); }); </script> </head> <body> <input id="btnChangeCss" type="button" value="改变样式" /> <div id="div1">我是div1</div> <div id="div2">我是div2</div> </body> </html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章推荐
- Jquery使用css方法改变样式实例
- jQuery使用hide方法隐藏指定元素class样式用法实例
- jquery之修改元素样式(获取和设置样式,使用css(),width(),height()方法)
- 使用jquey的css()方法改变样式,
- jQuery使用CSS()方法给指定元素同时设置多个样式
- 使用JQ添加css的背景样式,之后,hover失效,鼠标滑过没有改变颜色
- Jquery AutoComplete自动完成 的使用方法实例
- jQuery的显示和隐藏方法与css隐藏的样式对比
- JQuery中使用on方法绑定hover事件实例
- jQuery使用addClass()方法给元素添加多个class样式
- jQuery中DOM树操作之使用反向插入方法实例分析
- jQuery的css()方法用法实例
- jQuery使用$.get()方法从服务器文件载入数据实例
- jQuery遍历之next()、nextAll()方法使用实例
- jQuery的css() 方法使用指南
- 实例详解jQuery结合GridView控件的使用方法
- 实例详解jQuery结合GridView控件的使用方法
- css三种样式引入方法,html链接,html中<table>的使用方法
- Jquery AutoComplete自动完成 的使用方法实例