jQuery修改行内样式的方法是什么，怎样完成？
发布时间：2022-02-08 15:14:12 所属栏目：语言 来源：互联网
导读：这篇文章我们来了解jQuery修改行内样式的方法，改变行内样式并不难，这里我们使用attr()就能实现，下面我们通过实例来详细的了解看看吧，有需要的朋友可以参考。 本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。 jquery怎么改变行内样式 行
|
这篇文章我们来了解jQuery修改行内样式的方法，改变行内样式并不难，这里我们使用attr()就能实现，下面我们通过实例来详细的了解看看吧，有需要的朋友可以参考。 本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。 jquery怎么改变行内样式 行内样式是写在HTML标签的style属性中的，是style属性的属性值；我们可以通过style属性的值来改变行内样式。 而想要控制标签的属性，可以使用attr() 方法。 attr() 方法设置或返回被选元素的属性值。 设置style属性的语法： $(元素).attr("style","行内样式代码") $(元素).attr({style:"行内样式代码"}) 示例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").attr("style","border: 2px solid green; background-color: #55aa7f;color: white;"); }); }); </script> </head> <body> <p style="border: 1px solid red; background-color: #FFC0CB;">hello，测试文字</p> <button>修改行内样式</button> </body> </html> （编辑：桂林站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
