在 jQuery 中, 可以使用 CSS() 方法和 attr() 方法来设置 html 元素的 CSS 样式. 下面本篇文章就来给大家介绍一下在 jQuery 中使用 CSS() 添加 CSS 样式. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
新建一个 HTML 文件, 命名为 test.HTML, 用于讲解如何在 jQuery 中添加 CSS 样式.
在 test.HTML 文件内, 使用 p 标签创建一段测试文字, 并设置其 id 属性为 test, 主要用于下面通过该 id 获得 p 元素对象.
在 test.HTML 文件内, 使用 button 标签创建一个按钮, 按钮名称为 "添加样式".
在 test.HTML 文件内, 给 button 按钮绑定 onclick 点击事件, 当按钮被点击时, 执行 addcss() 函数.
在 JS 标签内, 创建 addcss() 函数, 在函数内, 通过 id 获得 p 元素对象 , 使用 CSS() 方法给 p 元素的添加样式.
在 CSS() 方法内, 使用 CSS 设置 p 标签文字大写为 20px, 宽度为 200px, 文字颜色为红色, 背景颜色为蓝色.
在浏览器打开 test.HTML 文件, 点击按钮, 查看实现的效果.
总结:
1, 创建一个 test.HTML 文件.
2, 在文件内, 使用 p 标签创建一行文字, 再使用 button 标签创建一个按钮, 并给按钮绑定 onclick() 事件.
3, 当按钮被点击时, 执行 JS 函数 addcss(), 在函数内, 使用 CSS() 方法对 p 元素对象进行样式设置.
注: jQuery 添加 CSS 样式, 除了可以使用 CSS() 方法外, 还可以使用 attr() 方法来添加样式.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/15999.html