jQuery的基本選擇器

2021-07-31 15:36:32 字數 1774 閱讀 5643

jquery的基本選擇器:

()),響應函式**

//寫在function () {}的中括號中。。

$("#btn1").click(

function

() );

$("#btn2").click(

function

() );

$("#btn3").click(

function

() );

$("#btn4").click(

function

() );

$("#btn5").click(

function

() );

})id="btn1" />

"button" value="選擇 class 為 mini 的所有元素"

id="btn2" />

"button" value="選擇 元素名是 div 的所有元素"

id="btn3" />

"button" value="選擇 所有的元素"

id="btn4" />

"button" value="選擇 所有的 span 元素和id為two的元素"

id="btn5" />

class="one"

id="one">

id 為 one,class 為 one 的div

class="mini">class為minidiv>

div>

class="one"

id="two" title="test">

id為two,class為one,title為test的div

class="mini" title="other">class為mini,title為otherdiv>

class="mini" title="test">class為mini,title為testdiv>

div>

class="one">

class="mini">class為minidiv>

class="mini">class為minidiv>

class="mini">class為minidiv>

class="mini">div>

div>

class="one">

class="mini">class為minidiv>

class="mini">class為minidiv>

class="mini">class為minidiv>

class="mini" title="tesst">class為mini,title為tesstdiv>

div>

class="none">style的display為"none"的div

div>

class="hide">class為"hide"的div

div>

包含input的type為"hidden"的div

"hidden" size="8">

div>

id="span">^^span元素^^

部分效果圖

Jquery選擇器 基本選擇器

jquery作為我們常用前端工具之一,實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分,它必須被兩個反斜槓轉義 引數 id,用於搜尋的,通過元素的 id 屬性中給定的值。示例 查...

jquery基本選擇器

1 選擇器 所有元素 2 id選擇器 title id title 的元素 3 class 選擇器 fade 所有 class fade 的元素 4 element 元素 選擇器 p 所有 元素 5 class.class 選擇器 fade.demo 所有 class fade 且 class de...

jQuery基本選擇器

id選擇器 id 描述 查詢id為 mydiv 的元素html id notme id notme div id mydiv id mydiv div jquery mydiv 結果 id mydiv id mydiv div 元素選擇器 element 描述 查詢乙個 div 元素html div...