要求使用 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像素。
时间: 2023-03-29 20:04:40 浏览: 115
我可以回答这个问题。以下是使用 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");
});
相关问题
要求使用 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 设置css的方法
可以使用 jQuery 的 `css()` 方法来设置 CSS 样式属性。它有两种用法:
1. 设置单个属性
```javascript
$(selector).css(property,value);
```
其中,`selector` 是你要设置 CSS 样式属性的元素的选择器,`property` 是要设置的 CSS 样式属性,`value` 是要设置的属性值。
举个例子:
```javascript
$("p").css("color", "red");
```
这个例子会将所有 `<p>` 元素的文本颜色设置为红色。
2. 设置多个属性
```javascript
$(selector).css({
property1:value1,
property2:value2,
...
});
```
其中,`selector` 是你要设置 CSS 样式属性的元素的选择器,`property1:value1, property2:value2, ...` 是一个包含多个 CSS 样式属性和它们的属性值的对象。
举个例子:
```javascript
$("p").css({
"color": "red",
"font-size": "20px",
"background-color": "yellow"
});
```
这个例子会将所有 `<p>` 元素的文本颜色设置为红色,字体大小设置为 20 像素,背景颜色设置为黄色。
注意,CSS 样式属性的名称需要用引号括起来。
阅读全文