通过jquery方式实现隔行换色,详细分析和代码实现,真是太简洁了

前几天用js实现了这个功能,下面要通过jquery的方式来实现这个隔行换色的基本操作,并且通过这个基本操作,讲解一下开发中常用的方式

通过jquery方式实现隔行换色,详细分析和代码实现,真是太简洁了

这个就是先了隔行换色,但在实际中js中应该不涉及css中的东西,这个background-color设置应该在css中,应该在css中,所以长用操作是在js中为所选中的设置好class,这个有了class之后,就可以在css中通过点class的方式设置属性了。

通过jquery方式实现隔行换色,详细分析和代码实现,真是太简洁了

在jquery中可以通过addClass(“class值”)的方式为所选的对象添加class值,上面就是为所有的奇数行添加even的class值,为偶数行添加odd的class值,这样在css中

通过jquery方式实现隔行换色,详细分析和代码实现,真是太简洁了

这样就实现了js和html和css的分离,自己做自己所对应的工作

上面通过对象。addClass(“even”)的方式为对象添加class属性,其值为even,如果原来就有样式,则样式添加失败

当然也可以通过对象。removeClass(“even”)的方式将对象的class属性值为even的删除

toggleClass(class)切换样式,如果存在则删除样式,如果不存在则添加样式

hasClass(class)判断一个元素是否有样式,有返回true,没有返回false

每天分享编程语言,欢迎关注,每天分享

相关推荐