jQuey-------2017-06-24
阿新 • • 發佈: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