jQuery入門級part.1

標籤：use   尺寸   val   json   isp   圖片   select   簽名   開始   

jquery的選取器：

基本選取器：

#id              　　　　　　　　根據id的屬性值來擷取元素

TagName   　　　　　　　　  根據標籤名來擷取元素

selector1,selector2   　　　　匹配列表中的選取器

.class     　　　　　　　　　　根據class的屬性值來擷取元素

層級選取器：

祖先元素  後代元素  匹配祖先元素下面的指定的後代元素

parent > child  匹配父元素下面的指定的子項目

prev + next   匹配當前元素的下一個兄弟元素  要求這兩個元素必須鄰居

prev~siblings  匹配當前元素的下面的指定所有的兄弟元素

簡單選取器：

:first 匹配第一個元素

:last 匹配最後一個元素

:even 匹配下標值為偶數的所有元素

:odd  匹配下標值為奇數的所有元素

:eq(index)  匹配下標值為指定值的元素

:gt(index) 匹配下標值大於指定值的所有元素

:lt(index) 匹配下標值小於指定值的所有元素

:not(selector) 匹配不包含指定選取器的所有元素

內容選取器：

:contains(text) 匹配內容中包含指定值的元素

:empty   匹配內容為空白的元素

:has(selector)  匹配內容中包含指定選取器的元素

:parent  匹配內容不為空白的元素

可見度選取器：

：hidden　　　　　　匹配隱藏的元素   CSS中:display:none

:visible　　　　　　  匹配顯示的元素  CSS中：display:block

屬性選取器:

[attribute]   匹配指定屬性的所有元素

[attribute=value]  匹配屬性等於指定值的元素    input[name=”username”]

[attribute!=value]  匹配屬性不等於指定值的所有元素

[attribute^=value]  匹配屬性以指定值開頭的所有元素

[attribute$=value]  匹配屬性以指定值結束的所有元素

[attribute*=value]  匹配屬性中包含指定值的所有元素

[selector1][selector2][selectorN]  匹配列表中所有屬性

子項目選取器:

:nth-child(index/even/odd)  匹配索引值為指定值或者索引值為奇偶的子項目  這裡的是從1開始的

:first-child 第一個子項目

:last-child 最後一個子項目

:only-child 匹配有且僅有一個子項目 

!css3也可以用

表單屬性選取器：

:input   匹配表單裡面所有元素 包含select  textarea 　　！$(“input”)它是匹配到所有的input標籤      ！$(“:input”)它是匹配到除了input標籤以外 select  textarea   所有的表單控制項元素

:text   匹配單行文字框

:password  匹配單行密碼框

:radio   匹配選項按鈕

:checkbox 匹配多選按鈕

:submit       匹配提交按鈕

:reset  匹配重設按鈕

:image  匹配圖片按鈕

:button  匹配普通按鈕

:file   匹配檔案上傳

:hidden  匹配隱藏欄位   如果是要匹配表單中的隱藏欄位控制項  一定要先加上input標籤  $(“input:hidden”)

表單對象選取器：

:enabled  匹配表單中可用的表單控制項

:disabled  匹配表單中停用表單控制項

:checked  匹配表單中預設選中的元素   選項按鈕和多選按鈕

:selected  匹配表單中預設選中的元素   下拉式清單

jQuery對象與JavaScript對象之間相互轉換：

jQuery對象轉換為JavaScript對象：

方法：jQuery對象[下標]

將JavaScript對象轉換為jQuery對象：

方法：$(JavaScript對象)

 

jQuery中的方法來操作HTML標籤中的屬性：

attr(name)   擷取當前對象的指定的屬性的值

attr(key,value)  給當前對象設定屬性值 

attr(properties)  一次給當前對象設定多個屬性值   要求參數必須是一個JSON對象

removeAttr(name) 移動當前對象的屬性名稱和屬性值

jQuery對象操作標籤中的class屬性：

addClass(class)   給當前對象添加class屬性值

removeClass(class)  將當前對象的class屬性值移除

toggleClass(class)  當前對象中如果有指定的class屬性值則移除 反之則添加

hasClass(class)  如果有指定的class屬性值就返回true  反之沒有就返回false

jQuery對象對標籤中的style屬性的操作：

css(name) 擷取到當前對象的style屬性指定的CSS樣式的屬性值

css(key,value) 給當前對象的的style屬性中設定css樣式

css(properties) 一次設定多個　　　要求參數必須是一個JSON對象

尺寸方法：

width()　　　　　　width(value)　　　　　　height()　　　　　　height(value)

文本、值：

html()：擷取雙邊標記中的內容

html(val)：往雙邊標記設定內容

val()：擷取單邊標記中的value屬性值

val(val)：往單邊標記中的value屬性設定值

text()：擷取雙邊標記的中的內容

text(val)：往雙邊標記設定內容

html()和text()方法之間的區別： 一個可以解析HTML標籤  一個解析不了

         html()擷取的時候將標籤中的所有的內容都會擷取到

         text()擷取的時候只會擷取到標籤中的常值內容

 

jQuery入門級part.1