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...