javascript代码实例教程-jquerycss

发布时间:2019-01-15 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jquerycss脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
 <!DOCTYPE htML>   <html lang="en">   <head>       <;meta charset="UTF-8">       <tITle></title>       <style>           #p1{               font-Size: 20px;           }           #p1{               width: 100px;               height: 100px;               background-color: #e2ff5f;           }       </style>   </head>   <body>       <p style="color: red" id="p1">this is p</p>       <span id="span1">span</span>       <p id="p1"></p>       <script src="js/jquery-2.2.2-min.js"></script>       <script>           /*获取到元素的css样式*/           VAR res = $("#p1").css("color");           var res1 = $("#p1").css("font-size");           console.info(res);           console.info(res1)              /*设置样式,两个参数*/           $("#p1").css("background-color","green");              /*字体的加粗*/           $("#p1").css("font-weight","900");                 $("#span1").css({"color":"red","font-size":"30px"});                 /**/           $("#p1").click(function(){               /*n:表示当前元素的下标  val表示当前元素的值 返回的xxxpx*/               $(this).css({"width":function(n,val){                   return parseInt(val)*2;               },"height":function(n,val){                   return parseInt(val)*2;               }});           });                  </script>   </body>   </html>

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦!&nbsp;js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-jquerycss全部内容,希望文章能够帮你解决javascript代码实例教程-jquerycss所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。