jquery基礎與實戰

JQuery 是開源軟件，使用MIT許可證授權。[4] JQuery的語法設計使得許多操作變得容易，如操作文檔對象（document）、選擇DOM元素、創建動畫效果、處理事件、以及開發Ajax程序。JQuery 也提供了給開發人員在其上創建插件的能力。這使開發人員可以對底層交互與動畫、高級效果和高級主題化的組件進行抽象化。模塊化的方式使 JQuery 函數庫能夠創建功能強大的動態網頁以及網絡應用程序。

jQuery簡介為了簡化JavaScript的開發,一些JavsScript庫誕生.JavaScript庫封裝了很多預定義的對象和實用函數。能幫助使用者建立有高難度交互的頁面,并且兼容各大瀏覽器

jQuery是一套Javascript腳本庫.使用jQuery將極大的提高編寫javascript代碼的效率,讓寫出來的代碼更加優雅,更加健壯.

基于jQuery開發，非常簡單的水平方向折疊控件。

jquery是輕量級的js庫(壓縮后只有21k<ps:貌似現在已遠遠不止22K，都70多了吧>) ，它兼容CSS3，還兼容各種瀏覽器。由于jQuery對象本身是一個集合。所以如果jQuery對象要轉換為dom對象則必須取出其中的某一項，一般可通過索引取出。

我之前是堅持認為使用原生的javascript才是王道，那種直接書寫document.getElementById的方式讓我感到無盡的喜悅，應當說javascript本身十分優雅并且有一種神秘，讓前端開發人員備倍感煎熬的不是javascript的詭異的方式，更多應該是不同瀏覽器對DOM及javascript的解析。（你應當還記得if(navigator.userAgent.toLower().indexOf('msie'))吧？）使用jQuery你完全不必考慮textContent與innerText；另一方面jQuery強大之處便是它的選擇器，相信你只要有CSS的基礎，你就能很快使用jQuery寫出強大簡潔的語句。古語講“工于事必先利于器”，所以我的建議是一定要使用jQuery——另一點我也要講的是：最好（或者是一定）要先在掌握javascript的基礎上再試著使用jQuery，然后去學習jQuery的源碼，相信你的js水平會提升到一個很高的水平。

最近開發用到了jquery，做個總結，不斷更新$(document).ready(function(){});$(function(){});

jQuery 1.8.3 中文速查表。jQuery 是一個 JavaScript 庫。 jQuery 極大地簡化了 JavaScript 編程。 jQuery 很容易學習。

jQuery是一個簡潔快速的JavaScript庫，它能讓你在你的網頁上簡單的操作文檔、處理事件、運行動畫效果或者添加Ajax交互。jQuery的設計會改變你寫JavaScript代碼的方式。<br> jQuery適合于設計師、開發者以及那些還好者，同樣適合用于商業開發，可以說jQuery適合任何JavaScript應用的地方，可用于不用的應用程序。<br> jQuery是一個輕量級的腳本，其代碼非常小巧，JavaScript包只有15K左右。<br> jQuery支持CSS1-CSS3,以及基本的xPath jQuery是跨瀏覽器的，它支持的瀏覽器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+

jQuery([selector,[context]]) 概述 這個函數接收一個包含 CSS 選擇器的字符串，然后用這個字符串去匹配一組元素。<br> jQuery 的核心功能都是通過這個函數實現的。 jQuery中的一切都基于這個函數，或者說都是在以某種方式使用這個函數。這個函數最基本的用法就是向它傳遞一個表達式（通常由 CSS 選擇器組成），然后根據這個表達式來查找所有匹配的元素。<br> 默認情況下, 如果沒有指定context參數，$()將在當前的 HTML document中查找 DOM 元素；如果指定了 context 參數，如一個 DOM 元素集或 jQuery 對象，那就會在這個 context 中查找。在jQuery 1.3.2以后，其返回的元素順序等同于在context中出現的先后順序。<br> 參考文檔中 選擇器 部分獲取更多用于 expression 參數的 CSS 語法的信息。

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.

使用jQuery實現//使用文檔就緒函數ready()，當頁面加載完成后再執行操作，類似于window.onload$(document).ready(function(){//$("#hello").css("color","red");//jQuery對象//$("#hello").css("width","200px");

jQuery是一個了不起的javascript庫，它可以是我們用很少的幾句代碼就可以創建出漂亮的頁面效果。從網站的方面說，這使得javascript更加有趣。如果你這樣想：“孩子，我需要另外一個javascript庫，就好比我I need another hole in my head”那么加入這個俱樂部吧。這正是我第一次遇到的時候所想的。我已經用過了Moo.fx, Scriptaculous, TW-SACK, 和 Prototype. 我曾參與了RICO, Yahoo YUI和其他一些庫的開發。 沒有了PHPjavascript和我一點也不親近了。但是我還是盡全力保持頭腦清醒，并盡量保持用AJAX去思考。

一、jQuery的基本用法:隨著WEB2.0及ajax思想在互聯網上的快速發展傳播，陸續出現了一些優秀的Js框架，其中比較著名的有Prototype、YUI、jQuery、mootools、Bindows以及國內的JSVM框架等，jQuery是繼prototype之后的又一個優秀的Javascript框架。它是由JohnResig于2006年初創建的，它有助于簡化JavaScript以及Ajax編程。它具有如下一些特點：1.代碼簡練、語義易懂、學習快速、文檔豐富。2.jQuery是一個輕量級的腳本，其代碼非常小巧，最新版的JavaScript包只有20K左右。3.jQuery支持CSS1-CSS3,以及基本的xPath。

jQuery語法您可以選取（查詢，query）HTML元素，并對它們執行“操作”（actions）。

Jquer獲取頁面控件的值 select,checkbox,radio

輕量級。jQuery非常輕巧，采用Dean Edwards的Packer壓縮后，只有不到30KB的大小，如果服務器端啟用gzip壓縮后，甚至只有16KB的大小！ 強大的選擇器。jQuery可以讓操作者使用從CSS1到CSS3幾乎所有的選擇器，以及jQuery獨創的高級而復雜的選擇器。如果你需要，還可以加入插件使其支持XPath選擇器！ 出色的DOM操作的封裝。jQuery封裝了大量常用DOM操作，使你編寫DOM操作相關程序的時候能夠得心應手，優雅的完成各種原本非常復雜的操作，讓JavaScript新手也能寫出出色的程序。 可靠的事件處理機制。jQuery的事件處理機制吸取了JavaScript專家Dean Edwards編寫的事件處理函數的精華，使得jQuery處理事件綁定的時候相當的可靠。在預留退路方面，jQuery也做的非常不錯。

根據提供的原始 HTML 標記字符串，動態創建由 jQuery 對象包裝的 DOM 元素。同時設置一系列的屬性、事件等。<br> 你可以傳遞一個手寫的 HTML 字符串，或者由某些模板引擎或插件創建的字符串，也可以是通過 AJAX 加載過來的字符串。但是在你創建 input 元素的時會有限制，可以參考第二個示例。當然這個字符串可以包含斜杠 (比如一個圖像地址)，還有反斜杠。 <br> 在jQuery 1.8中，通過$(html,props)， 您可以使用任何jQuery對象的方法或插件。在此之前，你只能使用一個方法名的短名單，并有沒有成文的方式添加到列表中。現在并不需要是一個列表，在所有！然而，請注意，這可能會導致你的代碼的行為改變，如果插件添加后，有相同的名稱作為HTML屬性。