JQuery學習筆記（2）

jquery的屬性選擇器

**:

div id為one  test

div id為one  te***

div id為one  te***

div id為one  ***es***xxt

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

*********

子元素選擇器

根據該元素是父元素下出現的位置來選中子元素.

*********  one

*********  two

*********  three

*********  four

*********  one

表單物件選擇器

小結: 我們在獲取表單元素時候,有兩種方式

1.      $(":表單元素名")[input button file img....] ,這種方式選擇最全.

2.      $("input[type='button']");  這種方式

表單物件屬性選擇器

$("select option:selected")

元素的值" id="b1"/>

元素的值"   id="b2"/>

愛好1愛好2

愛好3愛好4

選項1^^

選項2^^

選項3^^

選項4^^

選項5^^

選項6^^

博士^^

碩士^^

本科^^

小學^^

☞ 總結一下過濾器使用的方式

$("div:contains('di')");//內容

$("div[type]")//屬性

$("div .one")//選中div 中含 class 為 .one 的div元素

$("div, .one")// 選中div 和 class 為 .one 的div元素

☞總結jquery物件集合遍歷的四種形式

//必須 用這個 val()函式把每個值列印;

var $objs=$("selectoption:selected");

/*    $.each($objs,function());*/

/*    $.each($objs,function(i,n))*/

/*    $objs.each(function())*/

$objs.each(function(i,n))

☞如何使用我們的選擇器

總結如下:

1.使用什麼樣的選擇器根據需求定

2.如果針對文件內容，則使用內容選擇器

3.如果是選擇父子（祖先、後代）元素則使用層次選擇器

4. 如果是根據id/class/tagname/使用基本選擇器

5. 如果是選擇表單中的元素，則使用表單選擇器、表單物件屬性選擇器

6. 根據可見性選擇元素，則使用可見性選擇器

7. 如果是選擇某個元素中包含某個屬性（屬性值），則使用屬性選擇器

8.!!!

$("div:contains('di')");//內容

$("div[type]")//屬性

$("div.one")// 選中div 中含 class 為 .one 的div元素

jquery如何操作dom

jquery的dom操作分為三種 (js)

①      xml dom

②      html dom

③      css dom

查詢節點，然後去通過attr函式去修改或者設定屬性的值.

jQuery學習筆記2 jQuery簡易效果

接上次的jquery學習筆記，這次的主題就是其簡易效果，例如淡入淡出，顯示隱藏的效果。整理網上的資料，可以得到這樣乙個方法列表。方法描述 animate 對被選元素應用 自定義 的動畫 clearqueue 對被選元素移除所有排隊函式 仍未執行的 delay 對被選元素的所有排隊函式 仍未執行 設定...

jQuery學習筆記2 選擇器

1 簡單選擇器 box p css color red 直接相鄰兒子p標籤 返回選擇器選擇元素個數方法 length屬性或size 方法。jquery具有容錯功能 if document.getelementbyid pox 等效於if pox size 0 也可以轉換為dom物件方式來判斷，有值時...

jquery學習筆記

判斷checkbox是否被選中if attr checked true 檢查元素是否存在 if tt length 0 if tt 0 檢查元素是否隱藏 alert dvtest is visible 判斷元素顯示或隱藏狀態 多選框操作 獲取一組radio被選中項的值 var item input ...