js笔记一:通过jQuery添加修改样式
2017-05-18 23:13
316 查看
添加多个样式:关键就是有大括号,大括号中的值都是json格式的
$(selector).css({“color”: “red”, “font-size”: “30px” “backgroundcolor”:‘red’});
$(selector).css("width")返回的是该属性的具体值
操作样式通过两种方式,一种是类名,一种是style属性
$(selector).removeClass(); 不指定参数,表示移除被选中元素的所有类
判断该元素下是否包含有该class 属性 可以这样做:$(selector).hasClass(“liItem”);
<style>
div{
width:100px
height:100px
backgroudColor:red
}
.current{
backgroudColor:blue
}
</style>
通过点击button按钮给指定的div更改背景色。所以需要用到
<script>
$(function(){
$("#div").addClass('current')
})
</script>
通过此种方式可以将样式分离出来,更加便于管理和修改。
$(selector).css({“color”: “red”, “font-size”: “30px” “backgroundcolor”:‘red’});
$(selector).css("width")返回的是该属性的具体值
操作样式通过两种方式,一种是类名,一种是style属性
$(selector).removeClass(); 不指定参数,表示移除被选中元素的所有类
判断该元素下是否包含有该class 属性 可以这样做:$(selector).hasClass(“liItem”);
<style>
div{
width:100px
height:100px
backgroudColor:red
}
.current{
backgroudColor:blue
}
</style>
通过点击button按钮给指定的div更改背景色。所以需要用到
<script>
$(function(){
$("#div").addClass('current')
})
</script>
通过此种方式可以将样式分离出来,更加便于管理和修改。
相关文章推荐
- 通过js 向table添加或修改row及cell
- 通过JS动态添加html控件后,添加样式以及OnClick
- jquery和js进行添加样式
- 使用jquery对片段的样式进行添加修改
- 前台 jquery通过点击事件添加数量,并异步请求修改
- 通过js为元素添加多项样式,浏览器全兼容写法
- jquery通过id或name获取标签的值,以及简单的js正则表达式(笔记)
- 通过js 向table添加或修改row及cell
- js实现class样式的修改、添加及删除的方法
- 为jEasyUi的日期控件添加一个“清空”按钮----通过修改1.4的easyui.min.js
- 通过js为元素添加多项样式,浏览器全兼容写法
- JS添加或修改控件的样式(Class)
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- jquery之修改元素样式(添加和删除类名称,使用addClass(),removeClass(),toggleClass()方法)
- 通过js 向table添加或修改row及cell
- 在项目开发中,jsp页面不会少了,如何公用页面(添加页面和修改页面)和公用样式代码(css,js)?
- js通过判断地址字符串,来添加样式
- JS添加或修改控件的样式(Class)实现方法
- 通过js向table添加或修改row及cell