欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery 中幾個(gè)類(lèi)選擇器的簡(jiǎn)單使用介紹

 更新時(shí)間：2013年03月14日 09:00:26   作者：  
類(lèi)選擇器想必很多喜歡jquery的朋友早早就涉及到了吧，它們的使用也應(yīng)該了如指掌了吧，接下來(lái)幫大家溫習(xí)下幾個(gè)簡(jiǎn)單類(lèi)選擇器的使用方法，感興趣的你可以參考下哈，希望對(duì)你有所幫助
復(fù)制代碼 代碼如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestClassSelector.aspx.cs" Inherits="WebApplication1.TestClassSelector" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.9.0.min.js"></script>
<style type="text/css">
.first_div {
background-color:red;
}
.second_div {
background-color:green;
}
.first_span {
width:500px;
height:100px;
}
.eric_sun_class {
font-family:Arial;
font-size:18px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div class="first_div">
This is the first div
</div>
<div class="second_div">
This is the second div
</div>
<div class="first_div">
<span class="first_span">
This is the first span
</span>
</div>
<span class="first_span eric_sun_class">
This is the first span + eric sun class.
</span>
<br />
<span class="eric_sun_class">
This is the eric sun class.
</span>
<br />
<input type="button" value="Test" onclick="btn_Click();" />
</div>
</form>
</body>
</html>
<script type="text/javascript">
function btn_Click() {
alert($(".first_div").text());
alert($(".first_div.first_span").text());
}
</script>

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

$(".first_div, .first_span")

將包含有.first_div 或者 .first_span" 的對(duì)象都取到。 這里取到 4 個(gè) 對(duì)象。
此處的Html對(duì)應(yīng)
復(fù)制代碼 代碼如下:

<div class="first_div">
This is the first div
</div>
<div class="first_div">
<span class="first_span">
This is the first span
</span>
</div>
<span class="first_span eric_sun_class">
This is the first span + eric sun class.
</span>

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

$(".first_div .first_span")

將以 .first_div 為類(lèi)的控件 下的 以 .first_span 為類(lèi) 的對(duì)象取到（類(lèi)與類(lèi)之間帶有空格 逐層取）。 這里只取到 1 個(gè)。
對(duì)應(yīng)的 className="first_span" 此處的Html對(duì)應(yīng)
復(fù)制代碼 代碼如下:

<div class="first_div">
<span class="first_span">
This is the first span
</span>
</div>

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

$(".first_span.eric_sun_class")

將包含有.first_span 并且同時(shí)包含有 .eric_sun_class 類(lèi)的 對(duì)象取到（類(lèi)與類(lèi)之間沒(méi)有空格 類(lèi)似于 ‘與' 操作）。 這里只取到1個(gè)。
對(duì)應(yīng)的 className="first_span eric_sun_class" 此處的Html 對(duì)應(yīng)
復(fù)制代碼 代碼如下:

<span class="first_span eric_sun_class">
This is the first span + eric sun class.
</span>

相關(guān)文章

最新評(píng)論