设置方法:1、使用css()方法,语法“$(selector).css(属性名, 属性值)”;2、使用attr()方法,语法“$(selector).attr(style,属性名1:属性值1;属性名2:属性值3;...)”。
本教程操作环境:windows7系统、jquery1.7.2版本、Dell G3电脑。
方法1:使用css()方法
css() 方法可以设置匹配的元素的一个或多个样式属性。语法:
$(selector).css(属性名, 属性值)
示例:
<!DOCTYPE html> <html> <head> <meta charset=UTF-8> <script type=text/javascript src=js/jquery-1.7.2.min.js></script> </head> <body> <div id=dome>欢迎来到编程之家!</div> <script type=text/javascript> $(#dome).css(color, red); </script> </body> </html>
效果图:
方法2:使用attr()方法
attr() 方法设置或返回被选元素的属性值。语法:
$(selector).attr(style,属性名1:属性值1;属性名2:属性值3;...)
示例:
<!DOCTYPE html> <html> <head> <meta charset=UTF-8> <script type=text/javascript src=js/jquery-1.7.2.min.js></script> </head> <body> <div id=dome>欢迎来到编程之家!</div> <script type=text/javascript> $(#dome).attr(style, color:pink;); </script> </body> </html>
效果图:
相关视频教程推荐:jQuery教程(视频)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。