jQuery基礎之3

編寫代碼的時候給代碼最小代碼權力，最小特權原則，以避免形成意料以外的事情

放大鏡的實現
attr:標籤裏的值
prop：當前最終的值
修改路徑實現修改圖片的效果

 

判斷當前瀏覽器是不是ie6,7.8（是否支持css3
若是是，就是用絕對定位的方式來改變標籤的位置
不然使用css3的方式來改變標籤的位置
if((/ie[678]/).test(navigator.userAgent)){
function set Position()
}else{
alert('css3');
}
瀏覽器的前綴：Webkit Moztansform O

for...in 用來循環對象中全部的屬性
var obj = {
name: 'Bob',
age: 12,
gender: 'male's
}
for(var i in obj){
console.log(i); 這裏打印的結果爲name age gender
console.log(obj[i]); 這裏打印的爲Bob 12 male
}
load

toggle:顯示狀況下點擊變成隱藏，隱藏點擊以後顯示
slideUp：添加動畫效果隱藏

fadeTo：必需要有一個參數

animate：建立自定義動畫 第一個參數是樣式，第二個是速度，第二個之後的參數是可選的，第一個參數是必填。也可使用鏈式，造成動畫隊列，前面的先執行，後面的等前面的執行後在執行
delay：推遲動畫執行時間
stop：中止當前動畫，什麼參數都不填寫，保留當前的值，繼續以後的動畫。第一個參數表示是否要清除隊列，默認false，後面的動畫繼續執行；填寫true，動畫隊列後面的動畫會清除掉，後面的動畫就不會執行。第二個參數，當前的動畫當即完成，默認爲false，保留點擊的時候的當前的值；填寫true，此時的值變成動畫結束的位置。

handlebars:加強代碼可讀性，模板引擎
<script type="text/x-handlebars-template" ></script>
{{#each listOfStudents}}

{{/each}},這句代碼表示循環結束，each中每一項必須是對象字面量
把變量的值填充到網頁中去
各級嵌套取屬性的方式：/,.,