jquery源碼分析pdf
㈠ 急 求jquery完整視頻教程
Jquery視頻教程.zip網路網盤資源免費下載
鏈接:https://pan..com/s/1nIebXgAcvf8wuTWwXXyhrw
㈡ 《PHP與jQuery開發實例》pdf下載在線閱讀全文，求百度網盤雲資源
《PHP與jQuery開發實例》網路網盤pdf最新全集下載:
鏈接: https://pan..com/s/1HWr_FwLe0kLRGN62GJD62Q
簡介：《PHP與jQuery開發實例》由Vijay Joshi所著，循序漸進地講述了如何使用PHP與jQuery構建高度交互的Web應用。每一章聚焦一個主題，討論Web開發人員經常需要解決的一類具體問題。書中以實際示例及代碼解釋的方式給出了有針對性的快速解決之道，主要內容包括使用jQuery處理事件，在PHP和jQuery中使用XML、JSON、表單，向表單添加視覺效果，創建漂亮的導航菜單以及使用PHP綁定數據和改進網站等。另外，附錄介紹如何使用Firebug來調試網頁中的HTML和javaScript。
㈢ 用jquery插件實現pdf文件的在線預覽，大概是怎麼個思路
其實也就是簡單的在瀏覽器中實現一個打開pdf文件，並有類似預覽功能的邊框。
其實在中國上經常見到類似的頁面，在瀏覽器中打開pdf文檔，可大部分都是由於版權的原因使用了一些很特殊的技術，自然很難模仿了。
即使有直接在瀏覽器打開的例子，也必須手動點擊一下鏈接然後才能打開pdf文件。如何直接打開，而不用點擊鏈接呢？
本以為自己對js很熟，也就使用js模擬點擊，可就是不管用，沒辦法，只能在中國上繼續尋找資料。最終想不到代碼卻很簡單。
最主要的是使用到了一個jquery的插件jquery.media.js，使用這個插件就很容易實現了。
核心代碼：
河套西部一次局地大暴雨成因分析 使用jquery.media.js就可以直接把一個連接到pdf文件的鏈接打
㈣ 簡單易懂的jQuery導航(三級菜單)源碼
<!--三級操蛋導航-->
<divclass="nav_left">
<divclass="nav_leftlist">
<h2><b></b>用戶系統</h2>
<dl>
<dt><b></b>用戶管理</dt>
<dd>
<aclass="cur"href="">商戶信息<b></b></a>
<ahref="">用戶信息<b></b></a>
</dd>
</dl>
</div>
<divclass="nav_leftlist">
<h2><b></b>財務系統</h2>
<dl>
<dt><b></b>系統賬務</dt>
<dd>
<ahref="">平台賬單<b></b></a>
<ahref="">賬單明細<b></b></a>
</dd>
</dl>
<dl>
<dt><b></b>商戶賬務</dt>
<dd>
<ahref="">商戶賬單<b></b></a>
<ahref="">提現管理<b></b></a>
</dd>
</dl>
<dl>
<dt><b></b>用戶賬務</dt>
<dd>
<ahref="">用戶賬單<b></b></a>
<ahref="">提現管理<b></b></a>
</dd>
</dl>
</div>
</div>
<style>
.nav_left{background:#232b35;height:100%;width:220px;min-height:600px;position:fixed;top:100px;left:0;}
.nav_leftlist{}
.nav_leftlisth2{height:50px;line-height:50px;padding-left:40px;font-size:16px;background:#3b444f;color:#999999;position:relative;cursor:pointer;}
.nav_leftlisth2b{position:absolute;top:20px;left:13px;width:16px;height:9px;background:url(../images/icon04.png)no-repeat;background-position:00;cursor:pointer;}
.nav_leftlisth2b.cur{background-position:-16px0;}
.nav_leftlistdl{}
.nav_leftlistdldt{height:50px;line-height:50px;background:#2c3643;font-size:16px;color:#ffffff;padding-left:60px;position:relative;cursor:pointer;}
.nav_leftlistdldtb{position:absolute;top:20px;left:34px;width:16px;height:9px;background:url(../images/icon04.png)no-repeat;background-position:0-10px;}
.nav_leftlistdldtb.cur{background-position:-16px-10px;}
.nav_leftlistdldd{}
.nav_leftlistdldda{display:block;height:50px;line-height:50px;color:#fff;padding-left:80px;font-size:16px;position:relative;}
.nav_leftlistdldda.cur{color:#ee581c;}
.nav_leftlistdldda.curb{display:block;position:absolute;top:16px;right:-1px;width:11px;height:18px;background:url(../images/icon04.png)no-repeat;background-position:0-20px;}
</style>
</body>
<scripttype="text/javascript"src="../js/jquery.js"></script>
<scripttype="text/javascript">
$(function(){
$('.nav_leftlist').on('click','h2',function(event){
$(this).siblings('dl').toggle();
if($(this).siblings('dl').css('display')=='none'){
$(this).find('b').addClass('cur');
}else{
$(this).find('b').removeClass('cur');
}
});
$('.nav_leftlist').on('click','dldt',function(event){
$(this).siblings('dd').toggle();
if($(this).siblings('dd').css('display')=='none'){
$(this).find('b').addClass('cur');
}else{
$(this).find('b').removeClass('cur');
}
});
})
</script>
效果圖：
㈤ 如何正確閱讀jquery源碼和jquery插件源碼
1. jQuery 裡面有很多東西是出於兼容性，歷史遺留。
比如 .ready() 之類的函數，為什麼會很scroll 有關，那是為了兼容某些ie。這種代碼對於編程思想來說不僅沒用，而且是雜音，你要篩選出來就得了解這段代碼的變動，費心費力得不償失。
2. jQuery 裡面的代碼不一定是最優的，例如事件委託，每一次事件觸發都要調用選擇器，實際上是效率很低的。但是我又比較懶，沒有提交patch。
3. jQuery 實際上很容易寫出來一個 barebone alternative，在使用的過程中多想，多思考多總結就可以了。
4. jQuery 這類框架里真正有思維挑戰性的東西不多，一半以上是堆代碼而已，剩下的一點價值在於架構、抽象、擴展能力。
5. 我有一句話與所有的同行分享：工程師讓需求成為現實，優秀工程師化復雜為簡單，頂尖工程師變不可能為可能；架構師掌握現在，優秀架構師展望未來，頂尖架構師創造時代。
jQuery 的設計目的是，讓前端工程師的工作更簡單更輕松，但它並不適合所有的前端工程師，假如你的目標是成為優秀架構師、頂尖架構師的話，你在jQuery里也看不清未來。
㈥ jQuery實現的導航動畫效果(附demo源碼)
本文實例講述了jQuery實現的導航動畫效果。分享給大家供大家參考，具體如下：
經常在網上看到的，滑鼠在導航上移動時，導航底部的橫條會自動移動到滑鼠懸浮的導航項上。
效果如下圖：
利用jquery的
animate
函數，很好實現。代碼很簡單！
代碼如下：
<!DOCTYPE
html>
<html>
<head>
<meta
charset="utf-8">
<title>測試</title>
<script
src="jquery-1.9.1.min.js"></script>
</head>
<body>
<div
class="nav"
style="margin:
100px
auto;
width:960px;">
<a
class="active"
href="#">首頁</a>
<a
href="#">產品</a>
<a
href="#">新聞中心</a>
<a
href="#">關於我們</a>
<a
href="#">聯系我們</a>
<a
href="#">首頁</a>
<a
href="#">首頁</a>
<div
class="line"></div>
</div>
<style>
.nav{
position:relative;
}
.nav
a{
padding:10px
20px;
border-bottom:solid
3px
#fff;
text-decoration:
none;
color:#666;
}
.nav
a:hover{
color:#66f;
}
.nav
.active,
.nav
.active:hover{
color:#f33;
}
.nav
.line{
position:absolute;
border-top:solid
2px
red;
width:0;
left:0;
top:0;
}
</style>
<script>
function
navLine(o,
bo)
{
var
x
=
''
+
(o.position().top
+
o.outerHeight()
-
2)
+
'px';
var
y
=
''
+
o.position().left
+
'px';
var
w
=
''
+
o.outerWidth()
+
'px';
var
h
=
'2px';
$('.nav
.line').stop();
if
(bo)
{
$('.nav
.line').css({width:w,
height:h,
top:x,
left:y});
}
else
{
$('.nav
.line').animate({width:w,
height:h,
top:x,
left:y});
}
}
$(function(){
navLine($('.nav
.active'),
true);
$('.nav
a').hover(function(){
navLine($(this));
},
function(){
navLine($('.nav
.active'));
});
});
</script>
</body>
</html>
完整實例代碼點擊此處本站下載。
更多關於jQuery相關內容感興趣的讀者可查看本站專題：《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》
希望本文所述對大家jQuery程序設計有所幫助。