传统javascript对css的操作相当繁琐,比如<div>css</div>取它的background语法是 document.getElementById("a").style.background,而jQuery对css更方便的操作,$("#a").background(),$("#a").background(“red”) <div id="a" style="background:blue; color:red">css</div><P id="b">test</P> $(function(){ $.each( [0,1,2], function(i){ alert( "Item #" + i + ": " + this ); }); $.each({ name: "John", lang: "JS" }, function(i){ alert( "Name: " + i + ", Value: " + this ); var settings = { validate: false, limit: 5, name: "foo" };
$("#a")得到jQuery对象[ <div … /div> ]
$("#a").background()将取出该对象的background样式。
$("#a").background(“red”)将该对象的background样式设为redjQuery提供了以下方法,来操作css
background () background (val) color() color(val) css(name) css(prop)
css(key, value) float() float(val) height() height(val) width() width(val)
left() left(val) overflow() overflow(val) position() position(val) top() top(val)
这里需要讲解一下css(name) css(prop) css(key, value),其他的看名字都知道什么作用了!
css(name) 获取样式名为name的样式
$("#a").css("color") 将得到样式中color值red,("#a").css("background ")将得到blue
css(prop) prop是一个hash对象,用于设置大量的css样式
$("#b").css({ color: "red", background: "blue" });
最终效果是<p>test</p>,{ color: "red", background: "blue" },hash对象,color为key,"red"为value,
css(key, value) 用于设置一个单独得css样式
$("#b").css("color","red");最终效果是<p>test</p>
四:JavaScript处理
$.browser() 判断浏览器类型,返回boolen值
if($.browser.msie) {
alert("这是一个IE浏览器");}
else if($.browser.opera) {
alert("这是一个opera浏览器");}
})
$.each(obj, fn) obj为对象或数组,fn为在obj上依次执行的函数,注意区分$().each()
$.extend(obj, prop) 用第二个对象扩展第一个对象
var options = { validate: true, name: "bar" };
$.extend(settings, options);
可以用下面函数来测试
jQuery使用手册之三 CSS操作
内容版权声明:除非注明,否则皆为本站原创文章。