jQuery學習筆記 選擇器

2021-07-10 17:02:41 字數 1401 閱讀 8530

3:jquery四種常見寫法

//第一種

$(function())

//第二種

$(document).ready(function())

//第三種

jquery(function())

//第四種

jquery(document).ready(function())

注:比js裡window.onload事件高效,因為不需要整個文件載入結束去執行,而是需要的節點載入完成就去執行。

4:jquery與js互相轉換

//js轉jquery,只需要用jquery寫法把物件包裹起來

var txt = document.getelementbyid('txt');

var newtxt = $(txt);

console.log(newtxt);

//jquery裝js

var  txt1 = $('#txt');

var  newtxt1 = txt1[0];

var  newtxt2 = txt1.get(0);

console.log(newtxt2.value);

5:基本選擇器

1)id選擇器

$(function())

2)class類選擇器

$(function())

3)element元素名稱選擇器

$(function())

4)* 選擇器(遍歷所有元素)

$(function())

5)並列選擇器

$(function())

6:層次選擇器

1)ance desc後代選擇器

$(function())

2)parent > child(直系子元素)

$(function())

3)prev + next(下乙個兄弟元素,等同於next()方法)

$(function())

4)prev ~ siblings(prev元素的所有兄弟元素,等同於nextall()方法)

$(function())

7:基本過濾選擇器

1):first和:last(取第乙個元素或最後乙個元素)

$(function())

2):not(取非元素)

$(function())

3):even和:odd(取偶數索引或奇數索引元素,索引從0開始,even表示偶數,odd表示奇數)

$(function())

4)eq(x) (取指定索引的元素)

$(function())

5):gt(x)和:lt(x)(取大於x索引或小於x索引的元素)

$(function())

6):header(取h1~h6標題元素)

$(function())

JQuery 選擇器學習筆記

img removeattr title 移除指定元素屬性值 p last addclass lastp addclass 為指定元素新增class,p last 為最後乙個p元素 p first addclass firstp 同上,只不過是第乙個p元素 p last removeclass 移除...

jquery選擇器學習筆記

img removeattr title 移除指定元素屬性值 p last addclass lastp addclass 為指定元素新增class,p last 為最後乙個p元素 p first addclass firstp 同上,只不過是第乙個p元素 p last removeclass 移除...

jQuery學習筆記(三) jQuery選擇器2

4 內容過濾選擇器 內容過濾選擇器根據元素中的文字內容或所包含的子元素特徵獲取元素,其文字內容可以模糊或絕對匹配進行元素定位,其詳細說明如下表所示 內容過濾選擇器語法 選擇器功能返回值 contains text 獲取包含給定文字的元素 元素集合 empty 獲取所有不包含子元素或者文字的空元素 元...