検索

ホームページ  >  に質問  >  本文

jqセレクターの問題

次の例。js の 234 は効果がありません。


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>1-基本選択器</title>

< style type="text/css">

table, td {

border:1px Solid #333;

}

table {

border-collapse: 折りたたむ;

margin: 30px auto;

width: 80%;

text-align: center;

}

表のキャプション {

font-size: 1.5em;

margin-bottom: 15px;

}

.bg -オレンジ {

フォントの太さ: 太字;

色: 白;

背景色: オレンジ;

}

</style>

</head>

<body>

<table>

<caption>用户情報表< ;/caption>


<tr id="title">

<td>01</td>

<td>02</td>


</tr>

<tr>

<td>01< ;/td>

<td>02</td>


</tr>

<tr>

<td>01</td>

<td>02</td>


</tr>


#<tr>

<td>01</td>

<td>02</td>

<td>03</td>

</tr>

<tr>

<td>01</td>

<td>02</td>

<td>03</td>

</tr>


</table>

</body>

</html>

<!--

1 .jquery 内のオプションは css と基本的に一致しており、css を熟知した開発者が迅速に把握できるようにするのに便利です。2.ほとんどの css オプションは jquery に含めることができます。直接使用


#3.基本選択器、または呼び出し基础選択器、または入力選択器、简单選択器、機能は jquery に提供されます

一次の要素、次に提供されるフィルタが動作します。最も主要なものは次の 4 種類です: tag、id、class、*


-->

<script type="text/javascript" src="jquery-3.3.1.js"></script>


<script type="text/javascript">gt;

//1。 tag标签选择器

$('td').css('backgroundColor','wheat')

//2.id选择器

//ハンドルtd上の背景去掉、否会层叠覆盖


$('#title').css('backgroundColor','lightgreen')

#//3.class类选择器

$('.mark').addClass('bg-orange')


//4.*通配选择符

$('tr:nth-child(3) ~ *').css('backgroundColor', 'pink')

< ;/スクリプト>


在路上在路上2460日前1158

全員に返信(1)返信します

  • 时光@记忆

    时光@记忆2018-04-11 10:40:18

    1. jsでは1のタグセレクタの方が優先されます。 2. 2 のマーク クラスは DOM 構造に追加されません。

    返事
    0
  • キャンセル返事