jQuery基础之（二）jQuery中的$
在jQuery中，最常用的莫過于使用美元符號$，它提供了各種各樣的豐富功能。包括選擇頁面中一個或者一類元素、作為功能函數(shù)的前綴、windows.onload的完善，創(chuàng)建DOM節(jié)點等。本文介紹jQuery的用法。作為基礎(chǔ)
1.選擇器
在css中，選擇器的作用是選擇頁面的某一類（類別選擇器）元素或者某個（id選擇器）。而jQuery中的“$”作為選擇器，同樣是選擇某類或者某個元素，只不過jQuery提供了更全面的選擇方式。而且為用戶處理了瀏覽器兼容問題。
例如在在css<h2>下的<a>元素，css：
h2 a{ /* 添加css屬性 */}在jQuery中，通過以下代碼選擇h2下的a元素，作為一個對象數(shù)組，供javascript使用。
$("H2 a")例子：
<body> <script type="text/javascript">window.onload = function() {var oElements = $("h2 a"); //選擇匹配元素for (var i = 0; i < oElements.length; i++)oElements[i].innerHTML = i.toString();}</script><h2><a href="#">正文</a>內(nèi)容</h2><h2>正文<a href="#">內(nèi)容</a></h2><h2>正文<a href="#">內(nèi)容</a></h2><h2>正文<a href="#">內(nèi)容</a></h2><h2>正文<a href="#">內(nèi)容</a></h2></body>如上，文檔中有5個<H2>標(biāo)記，分別包含了<a>元素，使用$選擇器，如下，可以看到j(luò)Query輕松的實現(xiàn)了元素的選擇，如果使用DOM,類似這樣的節(jié)點將要使用大量的javascript代碼。
jQuery中選擇器的通用語法如下
$(selector)或者
jQuery(selector)其中，selector符合css標(biāo)準(zhǔn)，甚至css3的標(biāo)準(zhǔn)
例如：
$("#showDiv")id選擇器，這相當(dāng)于javascript中，document.getElementById("shouDiv"),可以看到j(luò)Query的變色方法簡潔很多。
$(".newClass")類別選擇器，選擇css類別為"newClass"元素的節(jié)點，在javascript要實現(xiàn)相同的選擇，需要用for循環(huán)遍歷整個DOM
$("p:odd")選擇所有奇數(shù)行的p元素，幾乎所有的標(biāo)記都可以使用 ":odd"和":even"選擇奇偶的選擇。
$("td:nth-child(1)")選擇所有表格行的第一個單元格，就是第一列。這在修改表格的某一列是非常有用的，不再需要一行行的遍歷表格。
$("li>a")子選擇器，返回<li>下標(biāo)記的<a>元素，不包括孫元素標(biāo)記
$("a[herf$=pdf]")屬性選擇器，選擇所有超鏈接，并且這些鏈接是以pdf結(jié)尾的。有了屬性選擇器，可以很好的選擇頁面中各種特性的元素
轉(zhuǎn)載于:https://www.cnblogs.com/ahthw/p/4231346.html
總結(jié)
以上是生活随笔為你收集整理的jQuery基础之（二）jQuery中的$的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： SQL Server事务
- 下一篇： apache-hadoop-1.2.1、