JQuery簡(jiǎn)單學(xué)習(xí)(3)——JQuery選擇器文章分類(lèi):Web前端
選擇器允許您對(duì)元素組或單個(gè)元素進(jìn)行操作。 ————————————————————
jQuery 選擇器
在前面的章節(jié)中，我們展示了一些有關(guān)如何選取 HTML 元素的實(shí)例。
關(guān)鍵點(diǎn)是學(xué)習(xí) jQuery 選擇器是如何準(zhǔn)確地選取您希望應(yīng)用效果的元素。
jQuery 元素選擇器和屬性選擇器允許您通過(guò)標(biāo)簽名、屬性名或內(nèi)容對(duì) HTML 元素進(jìn)行選擇。
選擇器允許您對(duì) HTML 元素組或單個(gè)元素進(jìn)行操作。
在 HTML DOM 術(shù)語(yǔ)中：
選擇器允許您對(duì) DOM 元素組或單個(gè) DOM 節(jié)點(diǎn)進(jìn)行操作。
————————————————————
jQuery 元素選擇器
jQuery 使用 CSS 選擇器來(lái)選取 HTML 元素。
————————————————————
jQuery 屬性選擇器
jQuery 使用 XPath 表達(dá)式來(lái)選擇帶有給定屬性的元素。
————————————————————
jQuery CSS 選擇器
jQuery CSS 選擇器可用于改變 HTML 元素的 CSS 屬性。
下面的例子把所有 p 元素的背景顏色更改為紅色：
Js代碼
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").css("background-color","yellow");
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
————————————————————更多的實(shí)例
語(yǔ)法 描述
|
|
|
