夺命雷公狗jquery---13css属性操作
2015-10-25 11:34
597 查看
<!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>
相关文章推荐
- 夺命雷公狗jquery---12Class属性操作
- jQuery效果之tab
- 夺命雷公狗jquery---11属性操作
- jQuery效果之菜单
- jQuery效果之可编辑的表格
- 【jquery ,ajax,php】加载更多实例
- 使用jquery实现点击按钮弹出层和点击空白处隐藏层
- 使用jQuery的on("click")绑定事件莫名其妙地刷新页面
- jQuery选择器
- jquery瀑布流下拉加载(position定位版)
- jQuery对象和DOM对象
- jquery checkbox反复调用attr('checked', true/false)只有第一次生效
- JQuery02
- 解析jQuery的链式编程
- JQuery01
- jQuery实战-填写个人详细信息
- jquery遍历
- jQuery实现鼠标经过事件的延时处理效果
- 使用jquery动态加载Js文件和Css文件
- 三、jQuery--jQuery基础--jQuery基础课程--第1章 初识jQuery