介绍
小编给大家分享一下jQuery怎么获取随机颜色,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强> 1。js 强>
//获取十六进制颜色, function 才能;randomColor1 () {, ,,var r =, Math.floor (math . random () * 256),, ,,var g =, Math.floor (math . random () * 256),, ,,var b =, Math.floor (math . random () * 256),, ,,如果(r & lt;, 16) {, ,,,r =,“0, + r.toString (16),, 其他,,}{, ,,,r =, r.toString (16),, ,,}, ,,如果(g & lt;, 16) {, ,,,g =,“0, + g.toString (16),, 其他,,}{, ,,,g =, g.toString (16),, ,,}, ,,如果(b & lt;, 16) {, ,,,b =,“0, + b.toString (16),, 其他,,}{, ,,,b =, b.toString (16),, ,,}, ,,return “#“+ r + g + b,, ,,}, 美元才能(“h4") . css (“color", randomColor1 ());
2. <强> html 强>
<代码>。你们;h4>获取任意颜色& lt;/h4>,代码>
效果:
<强>下面在看一段代码关于js几种生成随机颜色方法强>
& lt; ! DOCTYPE html> & lt; html> & lt; head  lang=癳n"祝辞 ,& lt; meta charset=癠TF-8"比; ,& lt; title> & lt;/title> & lt;/head> & lt; body> & lt;才能button id=癰tn1"在调用第一种& lt;/button> & lt;才能button id=癰nt2"在调用第二种& lt;/button> & lt;才能button id=癰tn3"在调用第三种& lt;/button> & lt;才能script> ,,var btn1=. getelementbyid (& # 39; btn1& # 39;); ,,btn1.onclick=function () { ,,,document.body.style.background=bg1 () ,,}; ,,var 这里=. getelementbyid (& # 39; bnt2& # 39;); ,,btn2.onclick=function () { ,,,document.body.style.background=bg2 (); ,,}; ,,var btn3=. getelementbyid (& # 39; btn3& # 39;); ,,btn3.onclick=function () { ,,,document.body.style.background=bg3 (); ,,}; ,,function bg1 () { ,,,return & # 39; # & # 39; + Math.floor (math . random () * 256) .toString (10); ,,} ,,function bg2 () { ,,,return & # 39; # & # 39; + Math.floor (math . random () * 0 xffffff) .toString (16); ,,} ,,function bg3 () { ,,,var r=Math.floor (math . random () * 256); ,,,var g=Math.floor (math . random () * 256); ,,,var b=Math.floor (math . random () * 256); ,,,return “rgb (“+ r + & # 39; & # 39; + g + & # 39;, & # 39; + b +,)“;//所有方法的拼接都可以用ES6新特性的其他字符串{$变量名}“替换 ,,} & lt;才能/script> & lt;/body> & lt;/html>
jquery是什么
jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对css选择器进行扩展,拥有便捷的插件扩展机制和丰富的插件,是继原型之后又一个优秀的JavaScript代码库,能够用于简化事件处理,HTML文档遍历,Ajax交互和动画,以便快速开发网站。
以上是“jquery怎么获取随机颜色”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!