Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

Jquery input¿Ø¼þµÄCSS¿ØÖÆ

<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="Zend Studio" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery test</title>
</head>
<style>
.lastp{border:2px solid $red;}
.firstp{color:red;}
.hignlight{background:gray;}
.dd{width:20px;height:20px;border:2px solid}
</style>
note£º jequery api º¯ÊýÇø·Ö´óСд
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("div.d1").fadeOut("slow");
$("p").filter(".ppp");
$("img.img1").attr(//Ϊָ֮¶¨ÔªËØ£¨×飩Ìí¼ÓÖ¸¶¨ÊôÐÔ(ÃûÖµ¶Ô·½Ê½)
{src:"http://docs.jquery.com/images/hat.gif",title:"http://docs.jquery.com/images/hat.gif",
alt:"jquery logo"}
)
var alt = $("img").attr("alt");//»ñÈ¡Ö¸¶¨ÔªËØ(×é)µÚÒ»¸öÔªËصÄaltÊôÐÔÖµ
//   alert(alt);
$("img").attr('src','http://www.sinaimg.cn/home/07index/sinahome_ws_009.gif');//Ϊָ֮¶¨ÔªËØ£¨×飩Ìí¼ÓÖ¸¶¨ÊôÐÔ(ÃûÖµ¶Ô·½Ê½)
$("img").attr("title",function(){//Ö¸¶¨ÔªËصÄÊôÐÔÖµÓÃÒ»¸öº¯Êý·µ»ØµÄ½á¹û´úÌæ
   return this.src;
})
$("img").removeAttr("title");//ÒƳýÖ¸¶¨ÔªËØÊôÐÔÖµ
$("p:last").addClass("lastp");//addclss Ϊָ¶¨ÔªËØÌí¼Óclass p£ºlast Ϊ×îºóÒ»¸öpÔªËØ
$("p:first").addClass('firstp');
$("p:last").removeClass();//ÒƳýÖ¸¶¨ÔªËØclass
$("p").toggleClass("highlight");//Ϊָ¶¨ÔªËØ
$("p").toggle(function(){//toggle() Ϊָ¶¨ÔªËØ°´clickÂÖ»»Ö´ÐÐÁ½¸öº¯Êý
   $(this).addClass("hignlight");
},function(){
   $(this).removeClass('hignlight')
})
$("p").click(function(){//html()Ϊָ¶¨ÔªËØ×·¼ÓÄÚÈÝ
   var html = $("p").text();
   $("p").html(html);
})
// $("div").eq(1).addClass("hignlight");//div °´Ë÷ÒýÌí¼ÓÀà
// $("div").text($("img").attr("title"));//Ϊָ¶¨ÔªËرêÇ©ÉèÖÃÄÚÈÝtext£¨£©Ó÷¨
var text = $("div").text();//»ñÈ¡ËùÓÐdiv±êÇ©ÔªËØÄÚÈÝ
var text = $("div.d1").text();//»ñÈ¡Ö¸¶¨classΪd1µÄdiv±êÇ©ÔªËØÄÚÈÝ
//
// $("p > a").hide();//Ò


Ïà¹ØÎĵµ£º

css²¼¾ÖµÄ¿Ú¾÷

css²¼¾ÖµÄʱºò¶à¶à×¢Òâһϣ¬ÏàÐźܿì¾Í¿ÉÒÔÕÆÎÕÁËcss²¼¾ÖµÄ¼¼ÇÉ£¡
Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£»
¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬ÈÝÆ÷×ÔÈ»ÏÔÆäÖУ»
Èý¡¢ÈýÏñËØÎı¾ÂýÒƲ»±Ø»Å£¬¸ß¶ÈÉèÖðïÄã棻
ËÄ¡¢¼æÈݸ÷¸öä¯ÀÀÐë×¢Ò⣬ĬÈÏÉèÖÃÐи߿ÉÄÜÊÇɱÊÖ£»
Îå¡¢¶ÀÁ¢Çå³ý¸¡¶¯ÐëÃú¼Ç ......

Ä¿Ç°×îÈ«µÄä¯ÀÀÆ÷/CSSÑ¡ÔñÆ÷¼æÈÝÐÔ×ܽá

2009Äê2ÔÂ24ÈÕ
£¬Safari 4.0
beta°æÕýʽ·¢²¼£¬Safari´ÓËüµÄ3.2°æ±¾¿ªÊ¼¾ÍÒѾ­Ö§³ÖËùÓеÄCSSÑ¡ÔñÆ÷(°üÀ¨×îеÄCSS3)¡£²»¹ýΪÁË·½±ã´ó¼ÒµÄ¹¤×÷£¬ÏÂÃæÌṩÁË×îаæ
±¾µÄCSSÑ¡ÔñÆ÷ä¯ÀÀÆ÷Ö§³ÖÇé¿ö£¬ÆäÖаüÀ¨×îеÄCSS3ºÍSafari 4.0 BetaµÄÖ§³ÖÇé¿ö¡£¸ÐлEstelle Weyl
µÄ×ܽᡣ
2009Äê6ÔÂ30ÈÕ
£¬FireFox 3.5·¢²¼£¬ÀàËÆSafar ......

JSPÒ³ÃæÖÐÎÞ·¨ÏÔʾCSSÖеı³¾°Í¼Æ¬

jspÒ³Ãæµ÷Óà <link type="text/css" rel="stylesheet" href="css/style.css"/>Ñùʽ±í
ÆäËûÑùʽ¶¼¿ÉÒÔÔÙÒ³ÃæÕý³£ÏÔʾ
.button-qingchu{background:url(images/qingchu.jpg); width:70px; height:30px; border:0px;} ÏñÕâÑùµÄ±³¾°Í¼Æ¬Ñùʽ¾ÍÏÔʾ²»³öͼƬÊÇʲôÎÊÌ⣡ Myeclipse 6.5
ÔÚhtmlÖж¼¿ÉÒÔÏÔʾ ÔÚjspÖÐÏÔʾ ......

IE7 CSS trouble

When you meet trouble with css style in IE7, try this. You can set different css for IE7 and the other browsers.
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/home_c_ie7.css" mce_href="home_c_ie7.css" />
<![endif]-->
......

7ÖÖCSSÔ²½Ç¿ò½â¾ö·½°¸

£±£¬ÎÞͼƬ´¿cssÔ²½Ç¿ò
ÊÕ¼ÀíÓÉ£º¼æÈÝÐÔÇ¿£¬²»ÓÃͼÐÎ
ͼһ
Ìص㣺
1.²»ÓÃÈκÎͼÐΣ¬Ê¹Óúܶà¸ödivÈÝÆ÷Ä£Äâ³öÔ²½ÇЧ¹û¡£
2.¼æÈÝÐÔ£ºÍ¨É±ËùÓÐä¯ÀÀÆ÷
ȱµã£º
1.¹¹ÔìÕâ¸öÔ²½ÇÐèÒª¼ÓÈëÌ«¶àµÄÎÞÓïÒåµÄ±êÇ©£¬½á¹¹±È½ÏÈßÓà¡£
2.ÖØÓÃÐÔ²»Ç¿£ºÈç¹ûÒ»¸öÒ³ÃæÓжà¸öÔ²½Ç£¬²¢ÇÒҪʵÏÖ²»Í¬µÄ°ë¾¶´óС£¬ÔòÆäÁé»îÐÔ²»¹»¡£
3.±ß¿òÑÕ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ