先了解jquery與js的不同，程式碼簡練、語意易懂、學習快速、文件豐富。 jQuery是個輕量級的腳本，其程式碼非常小巧，最新版的JavaScript套件只有20K左右。 jQuery支援CSS1-CSS3,以及基本的xPath。 jQuery是跨瀏覽器的，它支援的瀏覽器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。 可以很容易的為jQuery擴展其他功能。 能將JS程式碼和HTML程式碼完全分離，方便程式碼和維護和修改。
可以透過多種方法在網頁中加入 jQuery。 您可以使用以下方法：
從Google 載入jQuery
##推薦學習課程Jquery 入門教學
#1.jQuery使用
##下載jQuery
有兩個版本的jQuery 可供下載：
Production version - 用於實際的網站中，已被精簡和壓縮。
Development version - 用於測試和開發（未壓縮，是可讀的程式碼）
以上兩個版本都可以從 jquery.com 下載。
<head> <script src="jquery-1.10.2.min.js"></script> </head>
課程連結：http://www.php.cn/code/3688.html
2.jquery的語法：語法是以後應用jquery 的關鍵。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script>
// window.onload=function(){
// alert(1)
// };
// window.onload=function(){
// alert(2)
// };
// $(document).ready(function(){
// alert(1)
// });
// $(document).ready(function(){
// alert(2)
// })
</script>
</head>
<body>
<div id="box">jQuery语法</div>
</body>
</html>課程連結：http://www.php.cn/code/3692.html
#3.jQuery 選擇器；元素選擇器、#id 選擇器、.class 選擇器等
<title>php中文网(php.cn)</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});
</script>
</head>
<body>
<h2>标题</h2>
<p>段落</p>
<p id="test">#id选择器，点击我会隐藏</p>
<button>点我</button>
</body>
課程連結：http://www.php.cn/code/3695.html
4.jQuery 事件
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#p1").mouseenter(function(){
alert("您的鼠标移到了 id=p1 的元素上!");
});
});
</script>
</head>
<body>
<p id="p1">鼠标指针进入此处，会看到弹窗。</p>
</body>課程連結：http://www.php.cn/code/3704.html
5.jQuery 效果;隱藏與顯示、淡入淡出、動畫，停止動畫等
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<button>隐藏/显示</button>
<p>真正的失败不是你没有做成事，而是你甘心于失败。</p>
<p>一切都会好起来的，即使不是在今天，总有一天会的。</p>
</body>##課程連結：
http:// www.php.cn/course/113.html 第2章jQuery效果
6.jQuery 遍歷；遍歷、祖先、後代、同胞、過濾等
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.ancestors *
{
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("span").parent().css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body>
<div class="ancestors">
<div style="width:300px;">div (曾祖父元素)
<ul>ul (祖父元素)
<li>li (父元素)
<span>span</span>
</li>
</ul>
</div>
<div style="width:300px;">div (祖父元素)
<p>p (父元素)
<span>span</span>
</p>
</div>
</div>
</body>
</html>課程連結：http://www.php.cn/course/113.html 第4章jQuery遍歷7.必須學會
jQuery手冊。
jquery的學習是不斷應用和創新的過程，貴在堅持。以上是Jquery入門學習的方法經驗解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！
