jquery找無規律元素文字的辦法
具有限定子節點擊擇器:$(」mix1[mix2]「):返回包含mix2的mix1節點.如:$(」div[a]「):包含a標籤的div.
這個和$(」div a」)不相同.後者表示div中的a標籤,返回的是a標籤物件,前者返回的是div標籤物件
冒號限定結點選擇器:$(」mix:condition」):mix標籤,並且滿足限定條件.
e:root:型別為e,並且是文件的根元素
e:nth-child(n):是其父元素的第n個型別為e的子元素 ,基數從1開始
e:first-child:是其父元素的第1個型別為e的子元素
e:last-child:是其父元素的最後乙個型別為e的子元素
e:only-child:且是其父元素的唯一乙個型別為e的子元素
e:empty:沒有子元素(包括text節點)的型別為e的元素
e:enabled
e:disabled:型別為e,允許或被禁止的使用者介面元素
e:checked:型別為e,處於選中狀態的使用者介面元素(例如單選按鈕或核取方塊)
e:visible:選擇所有可見元素(display值為block或visible,visibility值為visible元素,不包括hide域)
e:hidden:選擇所有隱藏元素(非hide域,且display值為block或visible,visibility值為visible的元素)
e:not(s):型別為e,不匹配選擇器s
e:eq(n),e:gt(n),e:lt(n):元素限定
e:first:相當於e:eq(0)
e:last:最後乙個匹配的元素
e:even:從匹配的元素集中取序數為偶數的元素
e:odd:從匹配的元素集中取序數為奇數的元素
e:parent:選擇包含子元素(包含text節點)的所有元素
e:contains(』test』):選擇所有含有指定文字的元素
表單選擇器:
e:input:選擇表單元素(input,select,textarea,button)
e:text:選擇所有文字域(type=」text」)
e:password:選擇所有密碼域(type=」password」)
e:radio:選擇所有單選按鈕(type=」radio」)
e:checkbox:選擇所有核取方塊(type=」checkbox」)
e:submit:選擇所有提交按鈕(type=」submit」)
e:image:選擇所有影象域 (type=」image」)
e:reset:選擇所有清除域(type=」reset」)
e:button:選擇所有按鈕(type=」button」)
當然包括e:hidden
8.xpath路徑查詢:
先介紹下xpath的語法:
/:選取根節點
//:選取文件中所有符合條件的節點,不管該節點位於何處
.:選取當前節點
..:選取單前節點的父節點
@:選取屬性,這個在之前說過了(屬性選擇器)
nodename:選取節點下的所有節點
jquery中的應用:
根節點是很少用到的,常用的如下面的例子:
$(」div/p」)相當於$(」div>p」)
$(」div//p」)相當於$(」div p」)
$(」//div/../p」):所有div節點的父節點下的p標籤
還有相對路徑的寫法以及支援的axis選擇器,還不是會應用,不介紹了…已經一大堆了
$的其他用法:
下拉框,單選框,多選框整理
2,單選框:
$(」input[@type=radio][@checked]「).val(); //得到單選框的選中項的值(注意中間沒有空格)
$(」input[@type=radio][@value=2]「).attr(」checked」,』checked』); //設定單選框value=2的為選中狀態.(注意中間沒有空格)
3,核取方塊:
$(」input[@type=checkbox][@checked]「).val(); //得到核取方塊的選中的第一項的值
$(」input[@type=checkbox][@checked]「).each(function());
$(」#chk1″).attr(」checked」,」);//不打勾
$(」#chk2″).attr(」checked」,true);//打勾
if($(」#chk1″).attr(』checked』)==undefined){} //判斷是否已經打勾
Jquery 選擇器 簡單的選擇器
1.3簡單的偽類選擇器 你們好你們好 你們好你們好 你們好你們好 1.3.1特定位置選擇器 主要包括 first last,eq index 3中位置 p first css color blue 匹配第乙個p標籤 p eq 3 css background yellow 匹配第4個p標籤 p la...
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前,有必要了解一下css 層疊樣式表 技術。css是一項出色的技術,它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構,只需通過新增不同的css規則,就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分,它必須被兩個反斜槓轉義 引數 id,用於搜尋的,通過元素的 id 屬性中給定的值。示例 查...