首頁 > web前端 > js教程 > 主體

李炎恢jquery基礎影片資料分享

巴扎黑
發布: 2017-08-30 14:20:07
原創
1758 人瀏覽過

jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之後又一個優秀的JavaScript程式庫(或JavaScript框架)。 jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的程式碼,做更多的事情。它封裝JavaScript常用的功能程式碼,提供簡單的JavaScript設計模式,優化HTML文件操作、事件處理、動畫設計和Ajax互動。

李炎恢jquery基礎影片資料分享

影片播放位址:http://www.php.cn/course/384.html

jQuery學習重難點:

一、選擇網頁元素

  jQuery的基本設計和主要用法,就是"選擇某個網頁元素,然後對其進行某種操作"。這是它區別於其他函數庫的根本特徵。
  使用jQuery的第一步,往往就是將一個選擇表達式,放進建構子jQuery()(簡寫為$),然後得到被選取的元素。

選擇表達式可以是CSS選擇器:

 $(document)//選擇整個文件物件  
 $('#myId')//選擇ID為myId的網頁元素
 $('div.myClass')//選擇class為myClass的div元素  
 $('input[name=first]')//選擇name屬性等於first的input元素 

#也可以是jQuery特有的表達式:

 $('a:first')//選擇網頁中第一個a元素  
 $('tr:odd')//選擇表格的奇數行  
 $('#myForm :input')//選擇表單中的input元素  
 $('div:visible') //選擇可見的div元素  
 $('div:gt(2 )')//選擇所有的div元素,除了前三個  
 $('div:animated')//選擇目前處於動畫狀態的div元素  
  
 二、改變結果集
如果選取多個元素,jQuery提供篩選器,可以縮小結果集:

* $('div').has('p'); //選擇包含p元素的div元素  
* $('div').not('.myClass'); //選擇class不等於myClass的div元素  
* $('div').filter('.myClass'); //選擇class等於myClass的div元素  
* $('div').first(); //選擇第1個div元素  
* $('div').eq(5); //選擇第6個div元素
有時候,我們需要從結果集出發,移動到附近的相關元素,jQuery也提供了在DOM樹上的移動方法:

 $('div').next('p' ); //選擇div元素後面的第一個p元素  
 $('div').parent(); //選擇div元素的父親元素  
 $('div').closest('form '); //選擇離div最近的那個form父元素  
 $('div').children(); //選擇div的所有子元素  
 $('div').siblings(); //選擇div的同級元素 

#

以上是李炎恢jquery基礎影片資料分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板