要求使用 jQuery 实现以下功能: (1)用.css( )方法设置第1个段落中的文本“文本颜色”的字体颜色为红色; (2)将两个段落移入到<div>元素内; (3)在密码输入框的前面插入 1 个按钮,按钮上的文本为“提交”; (4)单击用户名文本,将在用户名输入框中自动填写上自己姓名(如:康铮。); (5)单击“提交”按钮,如果在密码输入框里输入的不是“admin123”,将弹出窗口提示信息“密码必须为admin123”。
时间: 2023-03-29 14:04:42 浏览: 75
以下是我的回答:
(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");
}
});
相关问题
要求使用 jQuery 实现以下功能: (1)用.css( )方法设置文本“字体大小”的字体大小设为36px; (2)单击第 1 个按钮,用.slideUp( )方法使<div class="speech">中的第 1 段落文字在 5 秒内隐藏; (3)单击第 2 个按钮,用 slideDown ()方法使<div class="speech">中的第 1 段落文在 4 秒内恢复到最大值; (4)单击第 3 个按钮,使<div class="speech">中的第 2 段落文字的字体大小每次增加 3像素
以下是回答:
(1) 可以使用以下代码实现:
$('p').css('font-size', '36px');
(2) 可以使用以下代码实现:
$('#button1').click(function(){
$('div.speech p:first-child').slideUp(500);
});
(3) 可以使用以下代码实现:
$('#button2').click(function(){
$('div.speech p:first-child').slideDown(400);
});
(4) 可以使用以下代码实现:
var fontSize = parseInt($('div.speech p:nth-child(2)').css('font-size'));
$('#button3').click(function(){
fontSize += 3;
$('div.speech p:nth-child(2)').css('font-size', fontSize + 'px');
});
要求使用 jQuery 实现以下功能: (1)用.css( )方法设置文本“字体大小”字体大小设为36px; (2)用.text( )方法设置文本“字体大小”改变为自己姓名(如:康铮。); (3)单击第 1 个按钮,用.slideUp( )方法使<div class="speech">中的第 1 段落文字在 5 秒内隐藏; (4)单击第 2 个按钮,用 slideDown ()方法使<div class="speech">中的第 1 段落文在 4 秒内恢复到最大值; (5)单击第 3 个按钮,使<div class="speech">中的第 2 段落文字的字体大小每次增加 3像素。
我可以回答这个问题。以下是使用 jQuery 实现以上功能的代码:
(1) $("body").css("font-size", "36px");
(2) $("body").text("康铮");
(3) $("#button1").click(function(){
$(".speech p:first-child").slideUp(500);
});
(4) $("#button2").click(function(){
$(".speech p:first-child").slideDown(400);
});
(5) var fontSize = parseInt($(".speech p:nth-child(2)").css("font-size"));
$("#button3").click(function(){
fontSize += 3;
$(".speech p:nth-child(2)").css("font-size", fontSize + "px");
});