jQuery基礎02 jQuery選擇器

2021-09-20 03:14:51 字數 1288 閱讀 8183

1.基本選擇器

標籤選擇器:$("hl")選取所有hl元素;

類選擇器:$(".content")選取所有class="content"的元素;

id選擇器:$("#mytitle")選取id="mytitle"的元素;

並集選擇器:$("div,.title")選取所有div和擁有class="title"的元素;

交集選擇器:$("div.title")選取所有擁有class="title"的div元素

全域性選擇器:$("*")選取所有元素。

2.層次選擇器

相鄰元素選擇器:$("hl+div")選取緊鄰元素之後的同輩元素;

同輩元素選擇器:$("hl~div")選取元素之後的所有同輩元素;

後代選擇器:$("#titleid span")選取# titleid中的所有元素;

子選擇器:$(" # titleid >span")選取#title的子元素。

3.屬性選擇器

$("[name]")選取含有name屬性的元素;

$("[name='stuname']")選取name屬性值為stuname的元素;

$("[name!='stuname']")選取name屬性值不等於stuname的元素;

$("[name^='stud']")選取name屬性值以stu開頭的元素;

$("[name$='me']")選取name屬性值以me結尾的元素;

$("[name*='na']")選取name屬性值中含有na的元素。

1.基本過濾選擇器

$("li:first")選取所有元素中的第乙個元素;

$("li:last")選取所有元素中的最後乙個元素;

$("li:even")選取索引是偶數的所有元素;

$("li:odd")選取索引是奇數的所有元素;

$("li:eq(1)")選取索引為等於1的元素;

$("li:gt(1)")選取索引為大於1的元素(不包括1);

$("li:lt(1)")選取索引為小於1的元素(不包括1);

$("li:not(#mytitle)")選取id值不是mytitle的元素;

$(":header")選取網頁中所有標題元素;

$(":focus")選取當前獲取焦點的元素。

2.可見性過濾選擇器

$(":visible")選取所有可見的元素;

$(":hiddln")選取所有隱藏的元素。

jquer 基礎篇 dom操作

dom操作 在匹配元素的裡面新增乙個子元素 追加方式 新元素作為最後乙個子元素 例 input click function 2.元素 元素.prepend obj 在最前面為匹配新增子元素 3.新增父元素 元素.wrap obj 為匹配元素新增父元素進行包裹 在當前標籤包裹乙個父元素 4.新增兄弟...

vue專案中引入jquery和jqueryui

之前一直不喜歡在vue裡面引入jq的東西,因為和vue的理念是背道而馳的,但是後來因為專案需求難以解決,不得不引入入jquery去解決,才感嘆jq還是很強大的啊 真香嘻嘻 我的專案是基於vue 2.0的。3.0的可能會有些不同,但是應該問題不大了 首先,我們得在package.json檔案中的dep...

02 jquery 基礎選擇器

1.all selector 描述 選擇所有元素 語法 注意 實踐證明,由於使用 選擇器獲取的是全部元素,因此,有些瀏覽器會比較緩慢,這個選擇器也需要慎重使用。html div span span p p label label div jquery function 效果 2.class sele...