一、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中一些常用函数的运用的更多相关文章

  1. jQuery 中的常用函数

    on() : 方法在被选元素及子元素上添加一个或多个事件处理程序.自1.7 版本起,on()方法是 bind(),live() 和 delegate()方法的替代品 语法: $(selector).o ...

  2. jQuery中的常用内容总结(二)

    jQuery中的常用内容总结(二) 转载请注明地址: http://www.cnblogs.com/funnyzpc/p/7571993.html 前言 距离上次博客更新已经有二十来天了(●′ω`●) ...

  3. jquery中最常用的API有哪些

    jquery中最常用的API有哪些 一.总结 一句话总结:取html的方法,class相关的方法,val相关的方法,data相关的方法,attr相关的方法 1.jQuery Object Access ...

  4. jquery'中的匿名函数

        //jquery'中的匿名函数 (function(){ alert("this is a test"); })(); //和这个基于jQuery的比较下: $(funct ...

  5. 关于jQuery中的submit()函数

    关于jQuery中的submit()函数(绑定event handler or 触发event?) 今天在敲代码的时候无意间碰到了一个比较绕的问题(一个小师弟问的问题),思前想后都不明白,上午百度.谷 ...

  6. jQuery中的常用内容总结(一)

    jQuery中的常用内容总结(一)   前言 不好意思(✿◠‿◠),由于回家看病以及处理一些其它事情耽搁了,不然这篇博客本该上上周或者上周写的:同时闲谈几句:在这里建议各位开发的童鞋,如果有疾病尽快治 ...

  7. jQuery中的常用内容总结(三)

    jQuery中的常用内容总结(三) 转载请注明地址:http://www.cnblogs.com/funnyzpc/p/7571998.html 内容提要 选择器(第一节) 选择器的扩展方法(第一节) ...

  8. Mysql中的常用函数:

    Mysql中的常用函数: 1.字符串函数: (1).合并字符串 concat():// concat('M','y',"SQL",'5.5');== MySQL5.5//当传入的参 ...

  9. socket编程中客户端常用函数

    1 常用函数 1.1   connect() int connect(int sockfd, const struct sockaddr *servaddr, socklen_taddrlen); 客 ...

随机推荐

  1. (转)winform pictureBox后台显示图片

    本文转载自:http://blog.csdn.net/meizhiyun/article/details/8639002 1.获取本地程序图片 方法一 pictureBox1.BackgroundIm ...

  2. java代码确认出ip和主机名

    总结::不懂... package com.aa; import java.net.*; public class InetAddresTest { public static void main(S ...

  3. 复制书稿(book) （二分，贪心+dp）

    复制书稿(book) 时间限制: 1 Sec  内存限制: 128 MB提交: 3  解决: 1[提交][状态][讨论版][命题人:quanxing] 题目描述 现在要把m本有顺序的书分给k个人复制( ...

  4. atorg.apache.hadoop.io.nativeio.NativeIO$Windows.access(NativeIO.java:557)

    错误原因: 你当前开发环境中{Hadoop_HOME}\bin\hadoop.dll 文件和你当前的hadoop版本不匹配.  解决方案: 网络下载相应版本的hadoop.dll,并将该文件放入c:\ ...

  5. oracle 12c使用问题总结

    1.无法登录 安装完毕只能使用system和sys用户,用安装时配置的密码登录:不能使用默认密码 2.远程无法访问 1)检测服务器配置 lsnrctl status 看到(DESCRIPTION=(A ...

  6. 【树莓派智能门锁】使用脚本控制GPIO来开锁【4】

    假定你已经通过此文章或者其他方式完成了树莓派的基本配置 [树莓派]RASPBIAN镜像初始化配置 我们通过VNC View连接到树莓派查看一下~ 1.更新一下基本的设置:更新一下源,把python-d ...

  7. Java对网络图片/本地图片转换成Base64编码和解码

    一.将本地图片转换成Base64编码字符串 /** * 将本地图片转换成Base64编码字符串 * * @param imgFile 图片目录路径 * @return */ public static ...

  8. GridView导出成Excel字符"0"丢失／数字丢失的处理方式 收藏

    GridView导出成Excel字符"0"丢失/数字丢失的处理方式 收藏 GridView 导出成Excel文件,这个代码在网上比较多.但是发现存在一个问题,导出的数据中如果有&q ...

  9. KinderEditor编辑器 在Asp.Net中的使用

    KinderEditor编辑器的使用 分为简单的三步. 1:添加引用部分 <script src="/KinderEditor/kindeditor-min.js">& ...

  10. 数据结构》关于差分约束的两三事（BZOJ2330）

    差分约束,主要用来解决数学中的线性规划问题,通过差值与两个未知数可以转化为单源最长路问题(或负值最短路). 当有一个式子为x1-x2>=a时,我们可以建边,这条边设定为x1比x2大等a(或x2比 ...