jQuery筆記——基礎知識

標籤：alt   替代   document   使用   先後   載入   onload   功能   sof   

jQuery是一個JavaScript庫，它通過封裝原生的JavaScript函數得到一整套定義好的方法。在jQuery程式中，不管是頁面元素的選擇、內建的功能函數，都是貨幣符號“$”來起 始的。而這個“$”就是jQuery當中最重要且專屬的對象：jQuery對象。於$本身就是jQuery對象的縮寫形式：

$(function () {}); //執行一個匿名函數 等同jQuery(function () {});

而且jQuery方法返回的還是jQuery對象，所以可以使用連綴的方法：

$(‘#box‘).css(‘color‘, ‘red‘).css(‘font-size‘, ‘50px‘); //連綴

 而"#box"是根據id選擇元素的方式

注釋

jQuery中代碼注釋和JavaScript是保持一致的，有兩種最常用的注釋：單行使用“//...”， 多行使用“/* ... */”

 

載入代碼方式

在JavaScript中，我們等待頁面body延遲等待載入使用的是window.onload(function(){});方法,而jQuery使用的是$(document).ready(function(){})；簡寫方式就是$(function(){});

 

獲得原生DOM元素

在JavaScript中我們是使用：

alert(document.getElementById(‘box‘)); //得到id=box的DOM元素

在jQuery中在可以使用，畢竟是對JavaScript的封裝，原生的東西反而不能使用太說不過了，但是jQuery 想要達到擷取原生的 DOM 對象可以這樣:

alert($(‘#box‘).get(0));

 

處理jQuery與其他庫之間的衝突

比如說有個庫也是用了"$"，就會和jQuery衝突了。結局辦法：

1.可以將這個庫放在jQuery庫後面引入，"$"就屬於這個庫使用了，而jQuery就可以使用jQuery對象替代"$"，或者建立一個新字元給 jQuery 使用：

var $$ = jQuery; //建立一個$$的 jQuery 對象$(function () { alert($$(‘#box‘).width()); //這是 jQuery 的$$});

2.如果覺得處理庫引用的先後順序很麻煩，可以使用jQuery.noConflict()和建立一個新字元給 jQuery 使用的方法相結合：

jQuery.noConflict(); //將$符所有權剔除var $$ = jQuery;$(function () {alert($$(‘#box‘).width());});

 

jQuery筆記——基礎知識