02 jquery 基礎選擇器

2022-05-05 09:42:09 字數 1882 閱讀 8761

1.all selector("*")

描述:選擇所有元素

語法:$("*")

注意:實踐證明,由於使用*選擇器獲取的是全部元素,因此,有些瀏覽器會比較緩慢,這個選擇器也需要慎重使用。

html**

<

div>

<

span

>

span

>

<

p>

p>

<

label

>

label

>

div>

jquery**:

$(function

());

效果:

2.class selector(".class")

描述:選擇給定樣式類名的所有元素。

語法:$(".class")

html**:

<

span

class

="c1"

>

span

>

jquery**:

$(function());
效果:

3.element selector("element");

描述:根據給定(html)標記名稱選擇所有的元素

語法:$("element");

html**:

<

span

>

span

>

<

br/>

<

span

>

span

>

jquery**:

$(function

());

效果:

4.id selector("#id")

描述:選擇乙個具有給定id屬性的單個元素

語法:$("id");

html**:

<

p id

="d1"

>

p>

jquery**:

$(function());
效果:

5.multiple selector("selector1,selector2,selectorn")

描述:將每乙個選擇器匹配到的元素合併後一起返回

語法:$("selector1,selector2,selectorn")

html**:

<

div>

<

span

>

span

>

<

p id

="d1"

>

p>

<

label

>

label

>

<

a>12345

a>

<

b>上山打老虎

b>

div>

jquery**:

$(function

());

效果:

jQuery基礎02 jQuery選擇器

1.基本選擇器 標籤選擇器 hl 選取所有hl元素 類選擇器 content 選取所有class content 的元素 id選擇器 mytitle 選取id mytitle 的元素 並集選擇器 div,title 選取所有div和擁有class title 的元素 交集選擇器 div.title ...

02 jQuery的選擇器

我們以前在css中學習的選擇器有 今天來學習一下jquery 選擇器。jquery選擇器是jquery強大的體現,它提供了一組方法,讓我們更加方便的獲取到頁面中的元素。如下 效果如下 如下 效果如下 解釋 如下 效果如下 如下 效果如下 如下 我是第乙個span標籤 我是第二個span標籤 我是第三...

02 jQuery的選擇器

我們以前在css中學習的選擇器有 今天來學習一下jquery 選擇器。jquery選擇器是jquery強大的體現,它提供了一組方法,讓我們更加方便的獲取到頁面中的元素。如下 效果如下 如下 效果如下 解釋 如下 效果如下 如下 效果如下 如下 我是第乙個span標籤 我是第二個span標籤 我是第三...