通过jquery方式实现隔行换色,详细分析和代码实现,真是太简洁了
前几天用js实现了这个功能,下面要通过jquery的方式来实现这个隔行换色的基本操作,并且通过这个基本操作,讲解一下开发中常用的方式
这个就是先了隔行换色,但在实际中js中应该不涉及css中的东西,这个background-color设置应该在css中,应该在css中,所以长用操作是在js中为所选中的设置好class,这个有了class之后,就可以在css中通过点class的方式设置属性了。
在jquery中可以通过addClass(“class值”)的方式为所选的对象添加class值,上面就是为所有的奇数行添加even的class值,为偶数行添加odd的class值,这样在css中
这样就实现了js和html和css的分离,自己做自己所对应的工作
上面通过对象。addClass(“even”)的方式为对象添加class属性,其值为even,如果原来就有样式,则样式添加失败
当然也可以通过对象。removeClass(“even”)的方式将对象的class属性值为even的删除
toggleClass(class)切换样式,如果存在则删除样式,如果不存在则添加样式
hasClass(class)判断一个元素是否有样式,有返回true,没有返回false
每天分享编程语言,欢迎关注,每天分享
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17