要求使用 jQuery 实现以下功能： （1）将两个段落移入到<div>元素内； （2）在密码输入框的前面插入 1 个按钮，按钮上的文本为“提交”； （3）单击密码文本，将在密码输入框中填写上文本“admin123”； （4）单击“提交”按钮，如果在用户名输入框里输入的不是“admin123”将弹出窗口提示信息“用户名必须为admin123”。

以下是使用 jQuery 实现以上功能的代码：

(1) 将两个段落移入到<div>元素内：

$('p').appendTo('div');

(2) 在密码输入框的前面插入 1 个按钮，按钮上的文本为“提交”：

$('<button>提交</button>').insertBefore('input[type="password"]');

(3) 单击密码文本，将在密码输入框中填写上文本“admin123”：

$('input[type="password"]').click(function() {
  $(this).val('admin123');
});

(4) 单击“提交”按钮，如果在用户名输入框里输入的不是“admin123”将弹出窗口提示信息“用户名必须为admin123”：

$('button').click(function() {
  if ($('input[type="text"]').val() !== 'admin123') {
    alert('用户名必须为admin123');
  }
});

相关问题

要求使用 jQuery 实现以下功能： （1）用.css( )方法设置第1个段落中的文本“文本颜色”的字体颜色为红色； （2）将两个段落移入到<div>元素内； （3）在密码输入框的前面插入 1 个按钮，按钮上的文本为“提交”； （4）单击用户名文本，将在用户名输入框中自动填写上自己姓名（如：康铮。）； （5）单击“提交”按钮，如果在密码输入框里输入的不是“admin123”，将弹出窗口提示信息“密码必须为admin123”。

以下是我的回答：

(1) 使用以下代码实现：

$("p:first").css("color", "red");

(2) 使用以下代码实现：

$("p:first").appendTo("div");
$("p:last").appendTo("div");

(3) 使用以下代码实现：

$("<button>提交</button>").insertBefore("#password");

(4) 使用以下代码实现：

$("label[for='username']").click(function() {
$("#username").val("康铮");
});

(5) 使用以下代码实现：

$("#submit").click(function() {
if ($("#password").val() !== "admin123") {
alert("密码必须为admin123");
}
});