1. 程式人生 > >jQuey-------2017-06-24

jQuey-------2017-06-24

動畫 class document head 不能 ffffff cursor clas html

1, jquery 是 javaScript 的程序庫之一,它是 javaScript 對象和使用函數的封裝。

記住:jquery 只是javascript 的程序庫,相當於javascript 技術的一個子集,所以,它並不能完全取代javascript。

2,jqury 的用途

(1),訪問和操作DOM元素 也就是(鎖定元素)

(2),控制頁面樣式

(3),對頁面事件的處理

(4),方便的使用jquery 插件

(5),與Ajax 技術的完美結合

3,在頁面中引入jQuery

<!DOCTYPE html>
<html>
  <head>
    <title>初始jQuery</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=gbk">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<style type="text/css">
		li{
			list-style: none;
			line-height: 22px;
			cursor: pointer;
		}
		.current{
			background: #6cf;
			font-weight: bold;
			color: #fff;
		}
	</style>
  </head>
  
  <body>
  	<ul>
  		<li id="current">Jquery簡介</li>
  		<li>語法</li>
  		<li>選擇器</li>
  		<li>事件與動畫</li>
  		<li>方法</li>
  	</ul>
    //記我們引入的文件必須放在自定義script  的 前面
引入的文件標簽中什麽都不能寫
<script src="js/jQuery1.11.1.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("li").click(function(){                 //addClass是添加類選擇器的樣式
$("#current").addClass("current"); }); }); </script> </body> </html>

 

jQuey-------2017-06-24