jQueryʹÓÃÊÖ²áÖ®CSS²Ù×÷
Jquery¶ÔcssµÄ²Ù×÷Ï൱·½±ã£¬Äܷܺ½±ãÎÒÃÇȥͨ¹ýjsÐÞ¸Äcss¡£´«Í³javascript¶ÔcssµÄ²Ù×÷Ï൱·±Ëö£¬±ÈÈç
<div id="a" style="background:blue">css</div>
È¡ËüµÄbackgroundÓï·¨ÊÇ£º
document.getElementById("a").style.background
¶øjQuery¶Ôcss¸ü·½±ãµÄ²Ù×÷£º
$("#a").background();$("#a").background(“red”)
˵Ã÷ÈçÏÂ
$("#a")µÃµ½jQuery¶ÔÏó[ <div id="a" … /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)£¬ÆäËûµÄ¿´Ãû×Ö¶¼ÖªµÀʲô×÷ÓÃÁË£¡
<div id="a" style="background:blue; color:red">css</div><P id="b">test</P>
css(name):»ñÈ¡ÑùʽÃûΪnameµÄÑùʽ
$("#a").css("color"):½«µÃµ½ÑùʽÖÐcolorÖµred£¬("#a").css("background ")½«µÃµ½blue
css(prop):propÊÇÒ»¸öhash¶ÔÏó£¬ÓÃÓÚÉèÖôóÁ¿µÄcssÑùʽ
$("#b").css({ color: "red", background: "blue" });
×îÖÕЧ¹ûÊÇ
<p id="b" style="background:blue; color:red">test</p>
{ color: "red", background: "blue" }£¬hash¶ÔÏó£¬colorΪkey£¬"red"Ϊvalue£¬
css(key, value) ÓÃÓÚÉèÖÃÒ»¸öµ¥¶ÀµÃcssÑùʽ
$("#b").css("color","red");
×îÖÕЧ¹ûÊÇ
<p id="b" style="color:red">test</p>
Ïà¹ØÎĵµ£º
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>˫ɫ±í¸ñCSSʵÀý</title>
<style type="text/css">
#DataGrid1 tr {
background-color: expression(
this.sectio ......
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ÎÞ±êÌâÎĵµ</title>
<style>
.main{position:relative;width:100%}
.left{position:absolute;width:200px;border:solid 1px red; height: ......
ÔÚcssÎļþÀï¼ÓÈë
@IMPORT url("dijit/themes/soria/soria.css");
@IMPORT url("dojo/resources/dojo.css");
½«soria.cssÖеÄ.soriaÈ«²¿Ì滻Ϊbody,ͬʱÔÚhtmlÀï²»ÓÃÔÙ¼Óclass="soria"
ʹÓÃÆäËü·ç¸ñÊ±Ìæ»»Â·¾¶dijit/themes/soria/soria.css¼´¿É ......
ÏÖÔÚ¸ø´ó¼ÒÏ×ÉÏÑÕÉ«¶ÔÕÕÂ룺
FFFFFF
#DDDDDD
#AAAAAA
#888888
#666666
#444444
#000000
#FFB7DD
#FF88C2
#FF44AA
#FF0088&n ......
Html´úÂë
view plaincopy to clipboardprint?
<div style="width: 230px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">
<nobr>¾ÍÊDZÈÈçÓÐÒ»ÐÐÎÄ×Ö£¬ºÜ³¤£¬±í¸ñÄÚÒ»ÐÐÏÔÊ ......