jquery知識整理 四 屬性選擇器

"p1"

> hello  p 1
<
/p>
="div1"
>hello div<
/div>
name"text" name=
"name"
>
pwd"password" name=
"name"
>
<
/form>

$

("p[id='p1']").
css(
"background-color"
,"green"
)

$

("div[class='div1']").
css(
"background-color"
,"blue"
)

表表單中也可以使用 屬性選擇器 

$("input[type='text']").
css(
"background-color"
,"blue"
)

name^=『na』 name屬性以na 開始的

$

("input[name^='na']").
css(
"background-color"
,"red"
);

name$=『me』 name屬性以me 結束

$

("input[name$='me']").
css(
"background-color"
,"yellow"
);

拿到 text  $(

":text").
css(
"background-color"
,"red"
);

var arr1 =$(

":input");
console.
log(arr1.length)
;// 10 個標籤

var arr2 =$(

"input");
// 只會匹配input 標籤 
console.
log(arr2.length)
// 8

:checked 拿到選中的

var arr =$(

":checkbox:checked");
console.
log(arr)
;

jQuery知識整理

1.頁面重新整理方法 有時候可能會用到 window.location.reload 重新整理當前頁面.親測有效 parent.location.reload 重新整理父親物件 用於框架 opener.location.reload 重新整理父視窗物件 用於單開視窗 top.location.rel...

jquery知識整理 三 子選擇器

烏魯木齊 li 銀川 li 西寧 li 蘭州 li ul 甘肅 li ul 拿到父元素的第幾個孩子 或者奇偶數的孩子 注意 孩子的位置 從1 開始 1 拿到第n 個孩子 ul li nth child 1 css background color red 2 拿到第奇數個孩子 ul li nth c...

jQuery屬性操作（四）

通過閱讀jquery為屬性操作封裝的基本方法和為處理相容性問題提供的hooks，發現jquery在屬性操作方面並沒有做過多的設計，只是處理一下相容性問題，然後呼叫基礎的dom操作方法。以下是對jquery提供的基礎方法的閱讀 jquery.fn.extend 遍歷jquery物件中的所有元素，對每乙...