一步一步jquery(二) 選擇器(一)

2021-09-30 05:36:26 字數 1250 閱讀 4159

選擇器

描述返回

示例#id

根據給定的id匹配乙個元素

單個元素

$("#test")選取id為test的元素

.class

根據給定的類匹配元素

集合元素

$(".test")選取所有的class為test的元素

element

根據匹配的元素名匹配元素

集合元素

$("p")選取所以的元素

*匹配所以元素

集合元素

$("*")選取所有的元素

selector1,select2,...selectn

將每乙個選擇器匹配到元素後一起返回

集合元素

$("div,span,p.mayclass")選取所有,和

擁有class為myclass的標籤的一組元素

選擇器描述

返回示例

$("ancestor descendant")

選取ancestor元素裡的所有descendant(後代元素)

集合元素

$("div span")選取裡所有的元素

$("parent>child")

選取parent元素下的child(子)元素,與$("ancestor descendant")有區別,$("ancestor descendant")選擇的是後代元素

集合元素

$("div>span")選取元素下元素名是的子元素

$("prev+next")

選取緊接著在prev元素後的next元素

集合元素

$(".one+div")選取class為one元素後兄弟元素

$(prev~siblings)

選取prev元素之後的多有siblings

集合元素

$("#two~div")選取id為two的元素後面的所以兄弟元素

注:標題

這個人怎麼這樣!

舍麼麼額

$("body div").css("background","#bbffaa");

效果:$("body>div").css("background","#ff0000");

效果:選擇器方法

等價關係

$(".one+div");

$(".one").next("div")

選擇器方法

等價關係

$("#prev~div")

$("#prev").nextall("div")

一步一步學jQuery之選擇器

二 jquery選擇器 2.1 基本選擇器 id選擇器 根據給定的id匹配乙個元素。如果選擇器中包含特殊字元,可以用兩個斜槓轉義 mydiv foo bar element 元素選擇器 根據給定的元素名匹配所有元素 乙個用於搜尋的元素。指向 dom 節點的標籤名。div class 其中.class...

一步一步學jQuery 四

這篇部落格,總結jquery對dom的基本操作。1.回顧dom d代表document,o代表object,m代表model。即文件上的元素或者文字。操作的物件也即元素或文件。2.設定元素及內容 input val 男 女 程式設計 多個表單元素,選中狀態 3.元素屬性操作 function box...

一步一步 Sql Azure

一步一步 sql azure 1.使用 windowsazure 平台賬號登陸 2.新建sqlazure server 3.新建資料庫 4.為sql azure server 新增防火牆規則,只有將本機新增到規則裡才能從本機連線到該sqlazure server 5.連線到sql azure ser...