JQuery常用CSS操作
JQuery常用CSS操作
- $(elem).css(obj):设置行内样式
- $(elem).position():返回相对于父容器位置,只能获取不能设置
- $(elem).offset(obj):返回相对于页面左上角位置,既能获取也能设置
- $(elem).scrollTop(num):返回滚动条位置,设置滚动条位置
- $(elem).width(num):设置宽度,获取宽度
- $(elem).height("50px"):设置高度,获取高度
- $(elem).addClass(className1 className2):添加class
- $(elem).removeClass(className1 className2):删除class
- $(this).toggleClass("div1",bool):开关切换,true可以,false不行
toogleClass给div添加/删除名为div1的class
$("div").addClass("div0").click(function(){ $(this).toggleClass("div1");//可以开关切换 // $(this).toggleClass("div1",true);//只可以切换过来 // $(this).toggleClass("div1",false);//不能切换 })
获取宽高:
- $(elem).width(num):获取/设置宽度(无参时返回高度,否则返回JQ对象)
- $(elem).height(num):获取/设置高度(无参时返回高度,否则返回JQ对象)
- $(elem).innerWidth(num):获取/设置padding+content(无参返回宽,否则返回JQ对象)
- $(elem).innerHeight(num):获取/设置padding+content(无参返回高,否则返回JQ对象)
-
$(elem).outerWidth(para):无参获取content+margin+padding,参为数值设置outerWidth,参为true获取占位宽(content+padding+margin+border)