Webページのプログラミングでは、ID、タグ、クラス、および属性を介して見つけることができる特定のコントロールを見つける必要があることがよくあります。これは、jqueryでidによってコントロールを見つける方法の概要です。
1.loginという名前の新しいjsプロジェクトを作成します
打オープンInterlliJIDEA2020->新規プロジェクト-> JavaScript-> JavaScript-> JavaScript->プロジェクト名:ログイン-> OK。
2. jquery2.2.4をインストールします
InterlliJ IDEA 2020の下部にあるツールバーの[ターミナル]をクリックして、次のコマンドを入力します。
npm init -y
npm install jquery@2.2.4 --save
3.jqueryVer.htmlという名前の新しいhtmlファイルを作成します
jquerVer.htmlの内容は次のとおりです。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../node_modules/jquery/dist/jquery.min.js"></script>
</head>
<body>
<div id="list">
<p id="100">Java</p>
<p id="101">Python</p>
<p id="102">Scheme</p>
</div>
<script >
console.log('jQuery版本:' + $.fn.jquery);
//console.log("hello");
var
list = document.getElementById('list'),
ref = document.getElementById('101'),
haskell = document.createElement('p');
haskell.id = 'haskell';
haskell.innerText = 'Hashell';
list.insertBefore(haskell,ref);
//1) 通过id来查找python
var py1 = $('#101')
console.log("#1",py1);
var pyDom = py1.get(0);
console.log("#2",pyDom);
</script>
</body>
</html>
効果は次のとおりです。