1. 程式人生 > >JQuery之為某個div新增行樣式

JQuery之為某個div新增行樣式

JQuery都是以$符號開頭的,當然可以用jQuery代替$符號,他們是恆等的,同時也是相等的,()其實就是一個方法,裡面可以傳遞匿名函式等,選取某個div時,如id為div1則用$('#div1'),記得加#號,這裡跟我們寫css樣式時加的#號是同樣的道理。

例子如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>  
    <title>基礎核心</title>
	<script type="text/javascript" src="jquery-1.11.1.js"></script>
	<script type="text/javascript">
	$(function(){
	
	$('#box').css('color','red');//為id為box的div新增行間樣式
	
});
	</script>
  </head>
  
  <body>
 <div id="box">Jquery</div>
  
  </body>
</html>

效果圖:

將字型顏色變為紅色: