JQuery中一些常用函数的运用

标签: JQuery 常用函数
15人阅读 评论(0) 收藏 举报
分类:

一、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()(高版本方法)来替代(在各个版本都适用)。




查看评论

jquery最常用的几个函数

.class名为class的类。 .class:eq(0)第一个名为class的类 .class:eq(0) span第一个名为class的类下面的所有span元素 .html()值 $('.cla...
  • u010674395
  • u010674395
  • 2015-01-20 23:16:18
  • 800

常用的jquery函数总结

1、表单验证 2、$.post 3、
  • qq_16465949
  • qq_16465949
  • 2014-08-08 12:04:27
  • 1055

ACM常用函数整理

不定期更新ing~      1,strtol()       strtol() 函可将n进制数转换为10进制,用来将字符串转换为长整型数(long),其原型为:long int strtol (co...
  • nuonuo_orz
  • nuonuo_orz
  • 2016-06-06 22:10:46
  • 221

科学计算库Numpy-常用函数

假定所有操作都事先导入numpy库import numpy as np1、平方根和次方根B = np.array([0, 1, 2]) print(B) print('----------') #计算...
  • baishuiniyaonulia
  • baishuiniyaonulia
  • 2017-11-04 22:30:06
  • 148

jQuery Api

  • 2011年01月29日 16:53
  • 8.54MB
  • 下载

oracle一些常用函数用法

出自 http://www.iteye.com/topic/602339 SUBSTR(string,start,count) 取子字符串,从start开始,取count个 SQL> s...
  • lijinghua1245
  • lijinghua1245
  • 2016-12-07 14:52:35
  • 1059

GCD常用函数说明

提交队列函数(即执行): dispatch_async(dispatch_queue_t queue, ^(void)block):异步执行队列 dispatch_sync(dispatch_que...
  • hcy_12345
  • hcy_12345
  • 2015-07-25 18:26:05
  • 1137

慢慢总结C语言一些常用函数

fgets 头文件:#include 函数原型:char *fgets(char *s, int size, FILE *stream); 返回值:成功时s指向哪返回的指针就指向哪,出错或者读到文件...
  • hbk320
  • hbk320
  • 2015-10-25 09:54:35
  • 2147

jquery实际项目中的应用2

$(document).ready(function(){ // TODO: 这里只有男的//    $.post("getProductList.action", {//        "produ...
  • marty_zhu
  • marty_zhu
  • 2008-03-31 15:59:00
  • 1176

一些常用函数的曲线图及应用简说

0:关于基本数学应用的问题:     我的一些市场分析博文中,用了一些很浅显的数学知识,但仍有博友觉得不大好理解。我采集了一些常用的基本函数的曲线和简单说明,以备速查。   1:正弦余弦曲线:更...
  • qyxls
  • qyxls
  • 2015-07-01 09:54:08
  • 2048
    个人资料
    等级:
    访问量: 238
    积分: 146
    排名: 113万+
    文章分类
    文章存档