jQuery中下面哪个方法可以给元素添加样式?,jq 添加样式
本教程操作环境:windows7系统、jquery1.10.2版本、戴尔自交第三代电脑。
在框架中,有多种方法可以给元素添加样式,下面介绍几种:
方法1:使用attr()方法添加行内样式
!声明文档类型
超文本标记语言
头
meta charset=utf-8
脚本src= js/jquery-1。10 .2 .量滴js /脚本
脚本
$(文档)。ready(function(){
$(button ).单击(函数(){
$(p ).attr(style , border: 2px纯绿;背景色:# 55aa7f颜色:白色;);
});
});
/脚本
/头
身体
费罗,测试文字/p
按钮添加样式/按钮
/body
/html
方法2:使用css()方法
css()方法返回或设置匹配的元素的一个或多个样式属性。
!声明文档类型
超文本标记语言
头
meta charset=utf-8
脚本src= js/jquery-1。10 .2 .量滴js /脚本
脚本
$(文档)。ready(function(){
$(button ).单击(函数(){
$(p ).CSS({ border: 1px纯红、 background-color: #FFC0CB , color : white });
});
});
/脚本
/头
身体
费罗,测试文字/p
按钮添加样式/按钮
/body
/html
方法3:使用addClass方法
addClass()方法向被选元素添加一个或多个类。
!声明文档类型
超文本标记语言
头
meta charset=utf-8
脚本src= js/jquery-1。10 .2 .量滴js /脚本
脚本
$(文档)。ready(function(){
$(button ).单击(函数(){
$(p ).添加类(“intro”);
});
});
/脚本
style type=text/css 。简介{
字体大小:120%;
颜色:红色;
}
/风格
/头
身体
费罗,测试文字/p
按钮添加样式/按钮
/body
/html
相关视频教程推荐:jQuery教程(视频)以上就是用框架可以加样式吗的详细内容,更多请关注我们其它相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。