jquery如何運行

這篇文章將為大家詳細講解有關jquery如何運行，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

　　1、jQuery是一個快速，小巧，功能豐富的JavaScript庫。jQuery 使HTML文檔遍歷和操作，事件處理和動畫等操作變得更加簡單。

　　jQuery的代碼將在所有主流瀏覽器中運行完全相同，包括Internet Explorer 6！

　　2、可以從下載jQuery庫的副本，或者從CDN（內容分發網絡）（如BootCDN或百度CDN）中引入。 將使用BootCDN上的CDN。要開始使用jQuery，首先需要使用script標簽將其添加到我們的HTML文檔的頭部。

　　在使用HTML文檔之前等待HTML文檔完全加載并準備就緒是一種很好的做法。為此，我們使用 document（文檔） 對象的ready事件：

　　$ 用于訪問jQuery。 從這里開始，代碼訪問document對象，并定義了當 document 的 ready 事件觸發時要調用的函數。 這樣可以防止任何jQuery代碼在文檔加載完成之前運行。我們有一個方便的快捷方式， 等價于上面的代碼：

　　3、現在，在我們head部分中引入了jQuery庫，并且已經定義了文檔就緒事件，我們可以開始我們的第一個jQuery操作！ 讓我們改變div元素的內容。

　　以上代碼， 在頁面文檔準備就緒后將 id="start" 的元素的HTML更改為"出發吧，騷年！"。

　　4、jQuery用于選擇（查找）HTML元素并對其執行"操作"。

　　selector 是選擇器， 用于查找HTML元素。action 是要元素要執行的動作。

　　jQuery使用CSS選擇器語法來選擇元素。

　　5、選擇

　　jQuery選擇器以美元符號和圓括號開頭：$（）。注意： jQuery中所有的符號都是英文符號。最基本的選擇器是元素選擇器，它根據元素名稱選擇所有元素。

　　接下來是id和類選擇器，它們通過id和類名來選擇元素：

　　還可以對選擇器使用以下語法：

　　選擇器比純JavaScript更容易訪問HTML DOM元素。

　　6、常用選擇器

　　7、可以通過jQuery輕松的操作分配給HTML元素的屬性。比如元素的 href,src,id,class,style 屬性。attr（）方法用于獲取屬性的值。

　　attr（） 方法還允許我們通過第二個參數來給屬性設置一個值。

　　8、刪除屬性

　　你還可以從HTML元素中刪除屬性。removeAttr（） 方法用于刪除元素的任何屬性。

　　9、可以通過jQuery操作HTML元素的內容。html（） 方法用于獲取所選元素的內容，包括HTML標記。

　　請注意，HTML標簽<b>也被返回。如果你只需要文本內容，不需要HTML標簽，可以使用 text（） 方法：

　　html（） 和 text（） 方法可以用于包含內容的所有HTML元素。

　　設置內容-可以使用html（）和text（）方法來更改HTML元素的內容。

　　上面的代碼將 id="test" 的元素的內容更改為"hello!"。

　　如果你設置的內容包含HTML標記，則應使用 html（） 方法而不是 text（）。

　　10、val（）方法

　　val方法允許我們獲取和設置表單字段的值，例如： 文本框（input），下拉列表（select） 等。

　　類似地，你可以在val（）方法傳入參數來設置該字段的值。當需要處理表單事件和驗證時，獲取和設置表單域的值非常有用。

　　11、總結如下：

　　12、添加內容

　　jQuery具有用于向所選元素添加新內容而不刪除現有內容的方法：

　　還可以插入帶有HTML標簽的內容。

　　13、使用jQuery創建新HTML元素的最簡單方法如下：

　　上面的代碼創建一個新的<p>元素，其中包含文本Hi，并將其分配給一個名為txt的變量。

　　可以將該變量作為上述方法的參數添加到我們的HTML中

　　這將在#demo段落之后插入新創建的<p>元素。也可以通過使用逗號分隔來指定多個元素作為 before（），after（），append（），prepend（）方法的參數例如：$（"#demo"）。append（var1,var2,var3）。

　　上面提到的用于創建元素的語法可以用來創建任何新的HTML元素，例如$（"<div></div>"）可以創建一個新的div。

　　14、添加CSS

　　addClass（）方法為選定的元素添加一個或多個類。

　　要在 addClass（） 方法中指定多個類， 只需使用空格分隔它們。 例如$（"div"）。addClass（"class1 class2 class3"）。

關于“jquery如何運行”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。