検索

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

jqueryの階層セレクターの問題 テストして、なぜul>liとul liの間に違いがないことがわかりましたか?

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset=" UTF-8">

<meta name="viewport" content="width=device-width、initial-scale=1.0">

<meta http-equiv= "X-UA 互換" content="ie=edge">

<title>ドキュメント</title>

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

</head>

<body>

<script>

$(document).ready(function(){

// $('ul>li').css('list-style','none')

$('ul li').css('list-style','none')

// $('label input').css('height','100px')

// $('入力ボタン').css('高さ','100px')

$('ラベル~入力').css('背景','ピンク')

})

</script>

<ul>

<li>1</li>

< ;li>1

<li>2</li>

</li>

<li>1

<div> ;

<li>3

<li>4

<ul>

<li>5</li>

</ul>

</li>

</li>

</div>

< /li>

<li>1</li>

<li>1</li>

</ul>

<form action="">

<label for="">姓</label>

<input type="text"><button>按钮</button><br>

<input type="text"><button>按钮</button><br>

<入力タイプ="text"><button>按钮</button><br>

<input type="text"><button>按钮</button><br>

<input type="text"><button>按钮</button><br>

</form>

</本文>

</html>


虎哥虎哥2124日前1195

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

  • 粽叶飘香

    粽叶飘香2019-02-13 08:52:19

    ul>li 息子要素のみを検索します。息子要素を除き、他の要素は見つかりません。

    ul li すべての要素を検索します

    返事
    0
  • 灭绝师太

    灭绝师太2019-02-11 17:54:18

    ul>li: ul
    ul の直接の子要素である li を検索します li: ul


    の下にあるすべての li を検索します

    返事
    0
  • キャンセル返事