Juery 小技能

YniceY

于 2019-07-22 18:30:58 发布

阅读量125

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery 文章标签： jquery 常用技能

2 篇文章

订阅专栏

本文介绍了前端开发中的几个实用技巧，包括解决input标签间距问题、设置按钮背景图片居中、使用jQuery移动DOM元素、动态设置HTML元素属性及操作元素的class等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.input之间无间隔设置：

如果需要多个input标签并列摆放，但是在html里标签之间换行，则他们之间有间距，如果不换行，则无间距。

2.input type=button 设置背景图片居中

#inputButton{
	 background-image:url(../img/moveIcon/zding-def.png);
	 background-repeat:no-repeat;
	 background-position: center center; 
}

3.移动元素

jquery帮助文档中搜素 after（下移） before（上移） prepend（置顶） append（置底）查看帮助即可！

4.设置属性

$("#demo").attr('value','123456789');

5.判断元素是否有class，和是否有特定class,移除class、删除class

$(#demo").hasClass('active');

$("$demo").removeClass("active").addClass("unActive");