<!DOCTYPE html> <html> <head> <meta charset=‘utf-8‘> <title>test</title> <style src="text/css"> div{ width:500px; height:500px; border:1px solid red; } </style> <script src="js/jquery.js"></script> <script> window.onload = function(){ $(‘#btnok‘)[0].onclick = function(){ //1.获取border属性的值 //alert($(‘div‘).css(‘border‘)); //2.设置border颜色为蓝色 //$(‘div‘).css(‘border‘,‘1px solid blue‘); //3.同时为一个元素设置多个属性，要求参数为json对象 var data = { ‘font-size‘:‘18px‘, ‘background-color‘:‘yellow‘ }; $(‘div‘).css(data); } } </script> </head> <body> <input type="button" id="btnok" value="class属性设置" /> <hr /> <div>夺命雷公狗使用的是目前最多人使用的jquery代码库</div> </body> </html>
原文：http://www.cnblogs.com/leigood/p/4908466.html