中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

6.在FireBug控制臺記錄jQuery

FireBug是我最喜歡用的一個瀏覽器擴展工具之一，這個工具可以讓你快速的在可視化界面中了解當(dāng)前頁面的HTML+CSS+JavaScript，并在該工具下完成即時開發(fā)。作為jQuery或JavaScript開發(fā)人員，F(xiàn)ireFox對于 記錄你的JavaScript代碼 也得到支持。

寫入FireBug控制臺的最簡單方式如下:

 console.log("hello world")

你也可以按照你希望的方式寫一些參數(shù)：

 console.log(2,4,6,8,"foo",bar)

你也可以編寫一個小擴展來記錄jQuery對象到控制臺：

 jQuery.fn.log = function (msg) {
    console.log("%s: %o", msg, this);
    return this;
};

對于這個擴展，你可以直接使用.log()方法來記錄當(dāng)前對象到控制臺。

 $('#some_div').find('li.source > input:checkbox')
    .log("sources to uncheck")
    .removeAttr("checked");

7.盡可能使用ID選擇器

在使用jQuery之后，你會發(fā)現(xiàn)利用class屬性來選擇DOM元素變得相當(dāng)簡單。盡管如此，還是推薦大家盡量少用class選擇器取而代之盡量多使用運行更快的ID選擇器(IE瀏覽器下使用class選擇器會在遍歷整個DOM樹之后返回相符的class包裝集)。而ID選擇器更快是因為DOM本身就有”天然的”getElementById這個方法，而class并沒有。所以如果使用class選擇器的話，瀏覽器會遍歷整個DOM，如果你的網(wǎng)頁DOM結(jié)構(gòu)足夠復(fù)雜，這些class選擇器足矣把頁面拖得越來越慢。讓我們看看這段簡單的HTML代碼:

<div id="main">
<form method="post" action="/">
  <h2>Selectors in jQuery</h2>
  ...
  ...
  <input class="button" id="main_button" type="submit" value="Submit" />
</form>
</div> 

 //使用class來調(diào)用submit按鈕要比使用絕對的ID選擇器慢很多
var main_button = $('#main .button');
var main_button = $('#main_button');

8.善于利用jQuery鏈

jQuery鏈不但允許以簡潔的方式寫出強大的操作，而且提高了開發(fā)效率，因為它能夠把多個命令應(yīng)用到包裝集，而不必重新計算包裝集。從而你不用再這樣寫了：

 <li>Description: <input type="text" name="description" value="" /></li>

$('#shopping_cart_items input.text').css('border', '3px dashed yellow');
$('#shopping_cart_items input.text').css('background-color', 'red');
$('#shopping_cart_items input.text').val("text updated");

取而代之你可以使用jQuery鏈來完成簡便的操作：

var input_text = $('#shopping_cart_items input.text');
input_text.css('border', '3px dashed yellow');
input_text.css('background-color', 'red');
input_text.val("text updated");
 
//same with chaining:
var input_text = $('#shopping_cart_items input.text');
input_text
 .css('border', '3px dashed yellow')
 .css('background-color', 'red')
 .val("text updated");

出處：彬Go
責(zé)任編輯：bluehearts

上一頁 jQuery代碼的14條改善技巧 [2] 下一頁 jQuery代碼的14條改善技巧 [4]

◎進入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。