jquery加粗字体并恢复
时间: 2023-07-11 12:03:48 浏览: 59
使用jQuery可以通过以下代码将文本加粗:
```
$('p').css('font-weight', 'bold');
```
如果要恢复正常的字体样式,可以使用以下代码:
```
$('p').css('font-weight', 'normal');
```
其中`p`是要加粗的文本所在的标签。
相关问题
jquery 调整字体加粗
在 jQuery 中,你可以通过设置 CSS 属性来调整字体加粗。具体来说,可以使用以下代码:
```javascript
$(selector).css("font-weight", "bold");
```
其中,`selector` 是你想要调整字体加粗的元素的选择器,`font-weight` 是 CSS 的一个属性,表示字体的粗细程度,`bold` 表示加粗。
如果你想同时调整多个 CSS 属性,可以使用如下代码:
```javascript
$(selector).css({
"font-weight": "bold",
"font-size": "20px"
});
```
这样就可以同时调整字体加粗和字体大小。
用jQuery写图片删除后恢复图片
下面是一个使用jQuery实现图片删除和恢复的示例代码:
HTML代码:
```html
<div>
<img src="image1.jpg" />
<button class="delete">删除</button>
<button class="restore">恢复</button>
</div>
```
JavaScript代码:
```javascript
$(document).ready(function() {
// 删除按钮点击事件处理程序
$('button.delete').on('click', function() {
var img = $(this).prev('img');
img.data('deleted', true); // 设置图片的deleted属性为true
img.fadeOut(); // 淡出图片
});
// 恢复按钮点击事件处理程序
$('button.restore').on('click', function() {
var img = $(this).prev('img');
if (img.data('deleted')) { // 如果图片的deleted属性为true
img.data('deleted', false); // 将deleted属性设置为false
img.fadeIn(); // 淡入图片
}
});
});
```
这段代码首先使用jQuery选择器选择所有的删除和恢复按钮,并为它们添加单击事件处理程序。点击删除按钮时,它会获取相邻的图片元素,并使用jQuery的data()方法将图片的deleted属性设置为true。然后使用jQuery的fadeOut()方法将图片淡出。
当点击恢复按钮时,它会获取相邻的图片元素,并检查它的deleted属性是否为true。如果是,就将该属性设置为false,并使用jQuery的fadeIn()方法将图片淡入。
你可以将这段代码放在一个HTML文件中并在浏览器中打开以看到效果。