jQuery代码块
来源:互联网 发布:淘宝售前客服怎么样 编辑:程序博客网 时间:2024/05/16 15:28
1.实现轮播图效果
<script type="text/javascript">
$(function(){
time=setInterval("showAd()",2000);
});
//展示图片的函数
function showAd(){
$("#yu").show(1000);
clearInterval(time)
time=setInterval("hidden()",3000);
}
//隐藏图片的函数
function hidden(){
$("#yu").hide(1000);
clearInterval(time)
}
</script>
2.jQuery转换成js
$(function(){
$("#jq").click(function(){
//$("#span1").html("萌萌哒")
//jQuery可以转换成js
$("#span1").get(0).innerHTML="棒棒哒"
//也可以用数组方式转换
$("#span1")[0].innerHTML="美美哒"
})
});
3.jQuery实现全选全不选
<script>
$(function(){
$("#select").click(function(){
$(".selectOne").attr("checked",this.checked);
})
})
</script>
4.jQuery实现隔行换色
<script>
$(function(){
//$("tbody tr:even").css("background-color","red");
//$("tbody tr:odd").css("background-color","yellow");
//一般在工作中css都是美工写好了,直接添加就好
$("tbody tr:odd").addClass("odd");
$("tbody tr:even").addClass("even");
})
</script>
- Jquery常用代码块
- jQuery代码块
- 代码块
- 代码块
- 代码块
- 代码块
- 代码块
- 代码块
- 代码块
- 代码块
- 代码块
- 代码块
- 代码块
- 代码块
- 代码块
- 代码块
- 代码块
- 代码块
- SonarQube插件开发自定义规则(2)常用api-扫描java文本内容
- HTML——基础DAY2
- Ubuntu 16.04 安装Apache 服务器
- Android JNI中的Log打印
- String对象的indexOf方法
- jQuery代码块
- PHP CURL访问HTTPS使用详解
- 网站后台添加富文本编辑器
- jquery parent()方法在table标签中使用需要注意的一个问题
- 【LibUIDK界面库系列文章】通过指定模板定制CFontDialog
- java调用http接口并解析返回的json对象
- sizeof和strlen的区别
- 数据库优化
- 2017国庆出游的意外