因特網網頁設計

我們為什麼需要以及如何錄製jQuery的選擇?

現代網頁設計師不僅要熟練掌握了HTML,基礎知識的CSS和JavaScript,同時也能夠在jQuery庫,其重點的JavaScript和HTML的文檔的交互工作。 它允許快速訪問任何元素DOM(應用程序編程接口,提供對內容的HTML文件的訪問),並操縱它們。 該庫的主要結構單元是團隊。 為了應用一個或其他球隊,你需要一個jQuery的選擇。

在jQuery庫式選擇

基於CSS中使用的JQuery的選擇。 他們被要求選擇項目的HTML文件,使用它們導致這些或其他方法操縱他們(球隊)。 搜索是通過選擇$()函數進行。 例如,$('格')。

選擇器可根據要素如何選擇可分為:

  • 基本的;
  • 由屬性;
  • 層次結構;
  • 內容;
  • 上的情形;
  • 表單字段的選擇;
  • 別人。

重點選擇

在90%的病例使用這種庫用於屬於主組的JQuery選擇器時。 所有這些都相當簡單明了。 讓我們考慮一下它們:

  • * - 選擇所有頁面的元素,包括頭部,身體等;
  • P / DIV /側邊欄/ ... - 選擇的所有元素有關的預定標籤(即p.div,側邊欄等);
  • .myClass / p.myClass - 選擇與指定的類名的元素;
  • #MYID / P#本身份識別碼 - 選擇具有給定ID的任何一個項目。

下面是一個例子。 比方說,我們需要選擇與比肩類條目頁面上的所有元素將如下:(參數)$。 如果必要的話只有這個類的p元素,然後寫:$(p.par)。

屬性選擇

您可以使用JQuery的基本選擇,如果我們需要選擇屬於任何具有ID類項目或選擇頁面上的所有元素。 然而,有這樣的情況,當一個項目沒有類或ID。 正是出於這一點,並有按屬性選擇。 他們讓你做出一些選擇的HTML元素,屬性如HREF或SRC。 該屬性被寫在 方括號 []。

最簡單的例子:$([SRC]) - 選擇具有src屬性的所有元素。 這是可以通過指定某些屬性值,以縮小該示例:$([SRC =“HTTP://站點/條/ 132222 /值'])。

如果要縮小選擇的領域,你可以使用一些jQuery選擇。 例如,$(P [顏色=藍色] [大小= 12]) - 僅選擇那些元素P,其具有藍色和大小12。

選擇內容

在這種情況下,如果你不能選擇基於屬性或基本選擇的元素,你應該參考其內容。 總共有這種類型的4選擇器:

  • :包含 - 選擇包含指定文本項;
  • :有 - 選擇包含該行的其他特徵元素的元素;
  • :父 - 選擇包含任何其它元件;
  • :空 - 選擇不包含任何其他元素。

下面是一個例子。 要選擇所有元素DIV,包含你好的文字,你需要寫$(DIV:包含('你好'))。

選擇層次

還有另一種方式來選擇的JQuery,即元素 - 根據它們的層次(即,彼此的HTML的頁面上的比)。 他們中的很多,所以我們提出了兩種最流行的,“孩子”和“後裔”的。

在第一種情況下,元件被選擇,這是一個給定的元件(祖先)直接後代(兒童)。 例如,要選擇列表中的燈類,這是一個孩子導航列表中的元素,那麼你需要寫:$(UL#NAV> li.light)。

第二種情況 - 一個較為一般。 有可被選擇和該元件的間接後代。 例如,要在列表中選擇資產淨值規定中的鏈接:$(UL#NAV一)。

因此,在JQuery的元件可以以各種方式通過使用參數中選擇,諸如類,ID,屬性,HTML的文檔元素的內容或層級。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 zhtw.birmiss.com. Theme powered by WordPress.