[jQuery]CSS--取得CSS內容的作法

[jQuery]CSS--取得CSS內容的作法

語法:

  • 取得Div的背景顏色
  • $('#div1').css('background-color')

 

範例:

<HEAD>
<script type="Text/JavaScript" src="js/jQuery.js"></script>
<script type="Text/JavaScript">
$(document).ready(function(){
	$('#btn1').click(function(){
		var bgc=$('#div1').css('background-color');
		alert(bgc);
	});
})

</script>
<style>
	.d1{
		background-color:yellow;
		color:blue;
		font-size:18px;
	}
</style>
</HEAD>
<BODY>
<FORM action="" method=POST id=form1 name=form1>
<input type="button" id="btn1" value="f取得div1的背景顏色" />
<hr />
<div id="div1" class="d1">這是第1個div</div>
</FORM>
</BODY>
</HTML>

以下是簽名:


Microsoft MVP
Visual Studio and Development Technologies
(2005~2019/6) 
topcat
Blog:http://www.dotblogs.com.tw/topcat