JQuery中一些常用函数的运用
生活随笔
收集整理的這篇文章主要介紹了
JQuery中一些常用函数的运用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、JQuery的效果介紹
?
?
?
二、定時彈出廣告圖片JQ部分代碼
<script type="text/javascript">var time;$(function(){time=setInterval("showAd()",3000);});function showAd(){//$("#img1").show();//$("#img1").slideDown(3000);$("#img1").fadeIn(3000);clearInterval(time);time = setInterval("hideAd()",5000);}function hideAd(){//$("#img1").hide();//$("#img1").slideUp(3000);$("#img1").slideUp(3000);clearInterval(time);}</script>三、toggle函數的代碼演練
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="../js/jquery-1.8.3.js" ></script><script>$(function(){$("#btn1").click(function(){$("#img1").toggle();});});</script></head><body><input type="button" value="顯示/隱藏" id="btn1"/><br /><img src="../img/registImg.jpg" id="img1" /></body> </html> 四、JQuery的CSS類操作?
?
????????????代碼實現表格的表格隔行換色（JQ部分代碼）：
<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script> <link rel="stylesheet" type="text/css" href="../css/style.css"/> <script>$(function(){$("tbody tr:even").addClass("even");$("tbody tr:odd").addClass("odd");}); </script>五、jquery的屬性操作方法
?
在高版本中，attr()方法改為prop()
?????????????代碼實現全選和全不選功能（JQ部分代碼）：
<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script> <script>$(function(){//找到下面所有的復選框并設置屬性checked()/*if($("#select")[0].checked==true){$(".selectOne").attr("checked",true)}*/$("#select").click(function(){$(".selectOne").attr("checked",this.checked);});}); </script> 注：attr（低版本方法）在jquery1.11版本不適用，采用prop()（高版本方法）來替代(在各個版本都適用)。?
?
?
?
轉載于:https://www.cnblogs.com/fujiayao/p/8846819.html
總結
以上是生活随笔為你收集整理的JQuery中一些常用函数的运用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 架构书籍推荐：Java中高级、架构师值得
- 下一篇： 使用 create-react-app