js 如何将样式关联到className

js要将样式联系关系到标签中,本家儿要利用jquery,简化js操作的难度,经由过程className,也就是将css的样式名称联系关系到标签的class属性中即可

方式/步调

  1. 1

    打开vscode,建立一个H5规范的页面,用于演示js联系关系样式到标签。为了便于js操作,本文引入jquery,利用jquery来简化js操作

  2. 2

    在演示页面中添加一行测试文字,再添加一个按钮,点击按钮就改变测试文字的颜色

  3. 3

    在演示页面的上部,添加一个设置文字颜色的css样式,而且选择器设置为类选择器,也就是class选择器

  4. 4

    在测试页面底部,添加js,绑心猿意马按钮的点击事务。当按钮点击的时辰,将css的类选择器名称绑心猿意马到标签的class属性中

  5. 5

    在浏览器中打开演示页面,点击按钮,就会看到演示文字颜色转变了,表白样式绑心猿意马当作功了

  6. 6

    在浏览器中按F12,打开,开辟者模式,找到演示文字的标签,可以发现css样式的类选择器名称已经写到这个标签的class属性中了

  7. 7

    总结,利用jquery的addClass("class类名"),就可以将css的类选择器样式绑心猿意马到标签中。经由过程removeClass("class类名")可以将样式从标签移除

  • 发表于 2019-03-31 22:17
  • 阅读 ( 878 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具