jquery如何改变网页的背景颜色

在jquery中 , 通过$获得网页body对象 , 使用css()方法改变网页的背景颜色属性background , 便可改变网页背景颜色 。 下面小编举例讲解jquery如何改变网页的背景颜色 。

jquery如何改变网页的背景颜色

文章插图

需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1在编纂器新建一个index.html文件 , 用于讲解jquery若何改变网页的布景颜色 。
jquery如何改变网页的背景颜色

文章插图

2在index.html文件内 , 利用p标签建立一行文字 , 用于测试 。
jquery如何改变网页的背景颜色

文章插图

3在index.html文件内 , 利用button标签建立按钮 , 按钮名称为“改变网页布景颜色” 。
jquery如何改变网页的背景颜色

文章插图

4在index.html文件内 , 给button按钮添加onclick点击事务 , 当按钮被点击时 , 执行changeBody()函数 。
jquery如何改变网页的背景颜色

文章插图

5在index.html文件内 , 建立changeBody()函数 , 在函数内 , 经由过程$获得网页body对象 , 利用css()方式将网页的布景颜色属性background设置为pink , 即将网页布景变为粉红色 。
jquery如何改变网页的背景颜色

文章插图

6在浏览器打开index.html , 可见 , 当作功改变网页的布景颜色 。
jquery如何改变网页的背景颜色

文章插图

jquery如何改变网页的背景颜色

文章插图

总结:11、在编纂器新建一个index.html文件 。
【jquery如何改变网页的背景颜色】2、在js中 , 经由过程$获得网页body对象 , 利用css()方式改变网页的布景颜色属性background , 从而实现改变网页布景颜色 。


以上内容就是jquery如何改变网页的背景颜色的内容啦 , 希望对你有所帮助哦!

    推荐阅读