国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jquery選擇器、屬性設置用法經驗總結

2024-05-06 15:51:40
字體:
來源:轉載
供稿:網友
最近做項目用到了jquery。在做的過程中走了很多彎路,不停的搜索。總結出了一些jquery選擇器、屬性設置用法,供大家參考

本人是一名小白,應屆畢業生,以前沒用過jquery,最近做項目用到了jquery。在做的過程中走了很多彎路,不停的搜索。總結出了一些用法,供大家參考:

最基本的選擇器語法包括:id、class、標簽、屬性,這和css選擇器是一致的。

ID選擇器要在ID前加#,比如要選擇一個ID為myDivID的div元素(<div></div>)可以這樣寫:

復制代碼 代碼如下:


$("#myDivID");


D是不能重復的,所以ID選擇器選出來的是一個jquery對象。

class選擇器要在class前加點(.),比如要選擇一個class為myInputClass的input元素(<input type="text"/>)可以這樣寫:

復制代碼 代碼如下:


$(".myInputClass");


class是可以重復的,所以class選擇器選出來的可以是一類元素,即好多個元素,所以jquery選出來的是個數組,可以引用下標來選擇每個元素:比如

復制代碼 代碼如下:


for(var i = 0; i < $(".myInputClass").length; i++) {$(".myInputClass")[i];}


這樣可以迭代出每個元素。

標簽選擇器直接寫標簽類型即可,比如要選擇一個段落p標簽(<p></p>)即可這樣寫:

復制代碼 代碼如下:


$("p");


標簽選擇器選出來的也是一個數組,選出所有的p標簽元素,也可以用上面的方法迭代出所有的元素。

屬性選擇器要在前面加方括號([]),比如要選擇含有name="xxName"的元素,可以這樣寫:

復制代碼 代碼如下:


$("[xxName]");


這樣來選擇,選擇出的也是一個數組,因為name是可以重復的。

ID選擇器可以精確的選出一個元素來,但在開發中我們可能更多的要選擇出一組元素,怎樣才能精確的選擇出我們想要的元素呢,其實幾種選擇器是可以混合使用的:

復制代碼 代碼如下:


<div>
<span> </span><p>
<span> </span><input type="button" value="確定" /> <input type="text" value="odd" /> <input type="text" value="even" />
<span> </span></p>
<span> </span><p>
<span> </span><input type="button" value="取消" /> <input type="text" value="odd" /> <input type="text" value="even" />
<span> </span></p>
</div>


jquery選擇器、屬性設置用法經驗總結

 
比如我們要選擇偶數個文本標簽,即:寫著even的文本框。我們可以這樣來選擇:

首先選中這個div,然后再選中p,然后再選中type=“text”的文本框,最后再選中偶數個位置:

復制代碼 代碼如下:


$("#attrValueTab p input[type='text']:even");


組合選擇在開發中是非常有用的。可以用下面這種方法來選中被勾選的button或者是checkbox元素:

復制代碼 代碼如下:


$("input[name='avDefValue_input']:checked");

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 富川| 陵水| 龙泉市| 宁明县| 安塞县| 南靖县| 孝义市| 禹州市| 威信县| 高清| 天峨县| 鄄城县| 民丰县| 施秉县| 滦南县| 佛坪县| 泰和县| 镇江市| 三河市| 黎平县| 保亭| 类乌齐县| 当涂县| 射洪县| 大荔县| 乡城县| 西峡县| 顺平县| 岑巩县| 香港 | 山西省| 铜鼓县| 安岳县| 新泰市| 清流县| 裕民县| 太和县| 新丰县| 香格里拉县| 商河县| 老河口市|