重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jquery改变CSS背景图修改方法
创新互联建站-专业网站定制、快速模板网站建设、高性价比余庆网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式余庆网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖余庆地区。费用合理售后完善,十年实体公司更值得信赖。
如果需要使用Jquery修改CSS网页背景样式。用户可以这样写$(‘p’).css({"background-image":"url(../images/msg_btn.gif"});
Jquery-CSS用法
css() 方法返回或设置匹配的元素的一个或多个样式属性。返回第一个匹配元素的 CSS 属性值。注释:当用于返回一个值时,不支持简写的 CSS 属性(比如 "background" 和 "border")。
参考资料:JQuery
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。
2、在index.html中的script标签中,输入js代码:$('body').append($('body').css('z-index'));。
3、浏览器运行index.html页面,此时成功打印出了z-index的值。
亲,在jquery里,css顾名思义就是取该标签定义的css的属性,attr只能取该标签里自带的属性,例如:在div里,没有width这个属性,所以不能用attr给他赋值,在div的css样式里是有width这个属性的,所以可以用$("#logo").css("width","180")来赋值。
我这里本地测试过,这两种写法都是可以的,我这里测试过div及input的四种写法,为了效果明显,我将font-size设置为了44px.
首先,第一种写法,是div,id="searchStr",然后给的是html,样式是color为red
然后,第二种写法,是下面的多个属性,是css({}),里面传入一个json对象,用法是不错的,但是有些属性,需要变成驼峰式的写法,比如font-size要换成fontSize,background-color等换成backgroundColor等。但是这种写法,我这里是支持的。
第三种写法,是input配合样式,我觉得这里你可能需要变更一下写法,需要把html换成val方法,因为input元素没有html,只有value属性,对应jquery中就是val方法。
如果继续使用html方法的话,输入框里没有文字,但是dom元素中是插入的
换成第四种,多个属性的话,使用val方法,也是有效果的,
如果继续使用html方法,可以看到虽然输入框里没有文字,但是输入框的大小明显被文字撑开了,所以设置的样式是有效果的。
最后,我这里使用的jquer是百度的压缩2.1.1版本,首先检查一下你使用的jquery的版本,然后去jQuery官方网站上确认一下该版本是否支持这种写法了,一般来讲应该支持的。
可以用jquery中的css()方法;
css()有两个参数。第一个参数是必选参数,一般是指css样式中的属性。第二个参数是可选参数,一般是指css样式中属性的值。当只有第一个参数是,则是指获取该属性的值。如果也有第二个参数,那就是表示改变属性的值。
示例如下:
!doctype html
html
head
meta charset='utf-8' /
title/title
script type="text/javascript" language="javascript" src='jquery.js'/script
script language='javascript'
$(function(){
$('#btn1').click(function(){
//css()为一个参数
var divWid=$('#div-box').css('width');
alert(divWid);
});
$('#btn2').click(function(){
//css()为两个参数
var divWid=$('#div-box').css('background','#00f');
});
})
/script
style type="text/css"
#div-box {width:200px;height:100px;background:#f00;}
/style
/head
body
div id="div-box"/div
input type='button' id='btn1' value='提取' /
input type='button' id='btn2' value='改变' /
/body
/html
用第一组代码可以实现呀,楼主有没有使其在页面加载好了之后再设置呀,例如
$(document).ready(function(){
var temp=100;
$("#div01").css({position: "absolute"});
$("#div01").css("left",temp);
$("#div01").css("top",temp);
});
并且需要确定在你的这个设置执行的时候id为div01的元素已经加载了