jQueryのCSS制御
<head>
<script type="text/javascript" src="./js/jquery-3.3.1.js"><script>
<script type="text/javascript">
$(function(){
//给按钮添加点击事件
$('#btn').click(function(){
//前面设置div样式的简便写法
$('#div1').css('width':200,'height':200,'background-color':red);
});
});
</script>
</head>
<body>
<div id="div1"></div>
<button id='btn'>点击</button>
</body>
jQueryのHTMLコントロール
タグを追加します
APPEND（）：エンドにおける挿入選択された要素
プリペンド（）：選択された要素の先頭に挿入
した後（）：選択された要素の後に挿入された
選択された要素の前に挿入含量：（）前
ケース：
<head>
<script type="text/javascript" src="./js/jquery-3.3.1.js"><script>
<script type="text/javascript">
$(function(){
//给按钮添加点击事件
$('#btn').click(function(){
//在末尾添加内容
$('ul').append('<li>计算机基础实践</li>');
//在开头添加内容
$('ul').prepend('<li>计算机基础实践</li>');
//在ul后添加内容
$('ul').after('<li>计算机基础实践</li>');
//在第三个li前添加内容
$('li:eq(2)').before('<li>计算机基础实践</li>');
//删除第三li标签内容
$('li:eq(2)').remove();
//删除整个ul标签（及其里边的li标签）
$('ul').remove();
//删除ul标签里边的所有li标签（ul标签还存在）
$('ul').empty();
});
});
</script>
</head>
<body>
<ul>
<li>java基础入门到精通</li>
<li>javaWeb基础入门到精通</li>
<li class='show'>javaEE框架基础入门到精通</li>
<li>mysql数据库入门到精通</li>
</ul>
<button id="btn">点击</button>
</body>
削除ラベル
削除（）：選択された要素（およびその子）を削除
（空）：サブ元素から選ばれる元素を削除する
場合：
<head>
<script type="text/javascript" src="./js/jquery-3.3.1.js"><script>
<script type="text/javascript">
$(function(){
//给按钮添加点击事件
$('#btn').click(function(){
//删除第三li标签内容
$('li:eq(2)').remove();
//删除整个ul标签（及其里边的li标签）
$('ul').remove();
//删除ul标签里边的所有li标签（ul标签还存在）
$('ul').empty();
});
});
</script>
</head>
<body>
<ul>
<li>java基础入门到精通</li>
<li>javaWeb基础入门到精通</li>
<li class='show'>javaEE框架基础入门到精通</li>
<li>mysql数据库入门到精通</li>
</ul>
<button id="btn">点击</button>
</body>
設定または取り出しHTMLタグ
テキスト（）：セット選択された要素又は戻り、テキストコンテンツは、コンテンツが角括弧で取得され
たHTML（）戻り値：内容が設定または要素を選択し（HTMLタグ）
のVal（）：設定フィールドの値または戻り形
ケース：
<head>
<script type="text/javascript" src="./js/jquery-3.3.1.js"><script>
<script type="text/javascript">
$(function(){
//给按钮添加点击事件
$('#btn').click(function(){
//获取span标签的内容
var txt=$('span').text();
console.log(txt);
//设置span标签的内容
var txt=$('span').text('jquery好强大');
console.log(txt);
//获取HTML标签的内容,获取整个ul标签的内容，包括li标签文字
console.log($('ul').html());
//获取表单内容
console.log($('#username').val());
//设置表单内容
$('#username').val('szl');
});
});
</script>
</head>
<body>
<ul>
<li>java基础入门到精通</li>
<li>javaWeb基础入门到精通</li>
<li class='show'>javaEE框架基础入门到精通</li>
<li>mysql数据库入门到精通</li>
</ul>
<input type="text" name="username" id="username" value="szl"></input>
<span>jquery</span>
<button id="btn">点击</button>
</body>
属性と属性値の取得を追加します。
ATTR（「プレースホルダ」、「自分のユーザー名を入力してください」）
のattr（「プレースホルダ」）
ケース：
<head>
<script type="text/javascript" src="./js/jquery-3.3.1.js"><script>
<script type="text/javascript">
$(function(){
//给按钮添加点击事件
$('#btn').click(function(){
//设置输入框提示内容
$('#username').attr('placeholder','请输入用户名');
//获取属性内容
console.log($('#username').attr('placeholder'));
});
});
</script>
</head>
<body>
<ul>
<li>java基础入门到精通</li>
<li>javaWeb基础入门到精通</li>
<li class='show'>javaEE框架基础入门到精通</li>
<li>mysql数据库入门到精通</li>
</ul>
<input type="text" name="username" id="username"></input>
<span>jquery</span>
<button id="btn">点击</button>
</body>
削除するプロパティ
removeAttr（）
ケース：
<head>
<script type="text/javascript" src="./js/jquery-3.3.1.js"><script>
<script type="text/javascript">
$(function(){
//给按钮添加点击事件
$('#btn').click(function(){
//移除username标签中的placeholder属性
$('#username').removeAttr('placeholder');
});
});
</script>
</head>
<body>
<ul>
<li>java基础入门到精通</li>
<li>javaWeb基础入门到精通</li>
<li class='show'>javaEE框架基础入门到精通</li>
<li>mysql数据库入门到精通</li>
</ul>
<input type="text" name="username" id="username" placeholder="请输入用户名"></input>
<span>jquery</span>
<button id="btn">点击</button>
</body>
