最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

讀jQuery之三（構(gòu)建選擇器）

 更新時(shí)間：2011年06月11日 01:19:07   作者：  
前面兩篇已經(jīng)道明了jQuery的核心框架。弄清楚了jQuery對(duì)象的組成，以及如何用extend方法來擴(kuò)展庫(kù)。鏈?zhǔn)讲僮?也僅僅是方法體內(nèi)返回this。
為了敘述每一篇的重點(diǎn)，其示例代碼都是最精簡(jiǎn)的，比如選擇器只能傳HTMLElement和id。

這篇我們?cè)鰪?qiáng)下選擇器，依據(jù)2/8原則，這里僅實(shí)現(xiàn)最常用的幾種。


1, 通過id獲取,該元素是唯一的
$('#id')

2, 通過className獲取
$('.cls') 獲取文檔中所有className為cls的元素
$('.cls', el)
$('.cls', '#id')
$('span.cls') 獲取文檔中所有className為cls的span元素
$('span.cls', el) 獲取指定元素中className為cls的元素, el為HTMLElement (不推薦)
$('span.cls', '#id') 獲取指定id的元素中className為cls的元素

3, 通過tagName獲取
$('span') 獲取文檔中所有的span元素
$('span', el) 獲取指定元素中的span元素, el為HTMLElement (不推薦)
$('span', '#id') 獲取指定id的元素中的span元素

4, 通過attribute獲取
$('[name]') 獲取文檔中具有屬性name的元素
$('[name]', el)
$('[name]', '#id')
$('[name=uname]') 獲取文檔中所有屬性name=uname的元素
$('[name=uname]', el)
$('[name=uname]', '#id')
$('input[name=uname]') 獲取文檔中所有屬性name=uname的input元素
$('input[name=uname]', el)
$('input[name=uname]', '#id')

示例：

復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>zchain test</title>
<script src="http://demo.jb51.net/js/2011/zchain/zchain-0.3.js"></script>
</head>
<body>
<div id='content'>aaa</div>
<div>bbb</div>
<p class="pra">ccc</p>
<input type="submit" value="submit"/>
<input type="button" value="submit"/>
<script type="text/javascript">
var obj1 = $("#content"); // id
var obj2 = $('div'); // tagName
var obj3 = $('.pra'); // className
var obj4 = $('input[type=button]'); // attribute

console.log(obj1);
console.log(obj2);
console.log(obj3);
console.log(obj4);
</script>
</body>
</html>

Firebug輸出如下


http://demo.jb51.net/js/2011/zchain/zchain-0.3.js

相關(guān)文章

最新評(píng)論

尼木县| 甘洛县| 建昌县| 松桃| 安吉县| 盐城市| 扶余县| 四子王旗| 枣强县| 百色市| 兴隆县| 酒泉市| 钟祥市| 曲阳县| 乐山市| 会泽县| 怀远县| 罗城| 孟州市| 罗江县| 广东省| 买车| 靖宇县| 陆丰市| 海安县| 大足县| 延庆县| 吴江市| 福贡县| 郴州市| 南宫市| 水城县| 卢氏县| 祁东县| 社会| 西安市| 浮山县| 汪清县| 南安市| 巫溪县| 乌兰察布市|