JQuery中一些常用函数的运用

最新推荐文章于 2020-08-09 19:58:26 发布
最新推荐文章于 2020-08-09 19:58:26 发布
阅读量623 收藏 5
点赞数
分类专栏： html JQuery 文章标签： JQuery 常用函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24832821/article/details/79945323
版权
html 同时被 2 个专栏收录
14 篇文章 0 订阅
订阅专栏
JQuery
2 篇文章 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()（高版本方法）来替代(在各个版本都适用)。




孤独的看着星星流泪
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
jQuery常用函数
07-01
Jquery中为我们提供了很多有用的方法和属性，自己总结的一些常用的函数，方法。个人认为在开发中会比较常用的，仅供大家学习和参考。
学习jQuery之旅--新手必须知道的常用方法
weixin_34377065的博客
06-09 141
jQuery中常用的函数方法总结 jQuery中为我们提供了很多有用的方法和属性，自己总结的一些常用的函数，方法。个人认为在开发中会比较常用的，仅供大家学习和参考。 事件处理  ready(fn) 代码：$(document).ready(function(){  // Your code here...})； 作用：它可以极大地提高web应用程序的响应速度。通过使用这个方法，可以在DO...
JQuery中常用函数
qq_40910788的博客
11-12 294
说出JQuery中常见的几种函数以及他们的含义是什么？ jQuery中常见的函数如下： （1）get（）取得所有匹配的DOM元素集合。 （2）get（index）取得其中一个匹配的元素。index表示取得第几个匹配的元素。 （3）append（content）向每个匹配的元素内部追加内容。 （4）after（content）每个匹配的元素之后插入内容。 （5）html（）/html（var）取得或...
jQuery中的常用函数
zzh_pride的博客
08-09 270
jQuery常用 1.基本选择器 #id值 id选择器 .class值 class选择器 或 类选择器 元素名 元素选择器 选择器1,选择器2 组合选择器 * 统配选择器 2.筛选选择器 :first 选择第一个 :last 选择最后一个 :even 选择偶数对应的元素 :odd 选择奇数对应的元素 :not(选择器) 选择器选中的反而不选 :gt(下标) ...
jquery常用功能函数
yezi__6的博客
09-26 346
1.操作数组和对象 主要包括元素的遍历，筛选，合并等 1）遍历each（） 格式：$.each(object,fn) object是要遍历的对象。fn是遍历所有对象所要执行的函数，可以接受两个参数： 1.数组对象的属性或者元素序号 2.属性或者元素的值例如： html代码： &lt;button&gt;输出每个列表项的值&lt;/button&gt; &lt;ul&gt; &lt;l...
jquery常用函数与方法汇总
10-23
下面详细地介绍文章中提到的jQuery的几个常用函数和方法。 1. jQuery延迟执行函数：delay() 在jQuery1.4版本中，引入了delay()函数，它的作用是设置一个延时，以此来推迟队列中之后函数的执行。这个函数尤其适用于...
jQuery常用操作方法及常用函数总结
10-25
本总结将对jQuery中一些常用的操作方法和函数进行梳理，目的是为了让开发者在需要的时候能够快速查找和使用。 首先，我们在文档中经常会使用选择器来选取特定的元素。在jQuery中，我们可以使用多种选择器，如标签...
jQuery中常用动画效果函数(日常整理)
11-23
了解并熟练运用这些jQuery动画函数，可以使开发者在创建交互式用户体验时更加得心应手。它们能够帮助开发者创建各种各样的视觉效果，提升网页的动态性和吸引力。在实际项目中，可以根据需求组合使用这些函数，以达到...
jQuery中常用动画效果函数知识点整理
10-18
jQuery 是一个广泛使用的JavaScript库，它极大地简化了网页的交互和动态效果处理。在jQuery中，有一系列内置的动画效果函数，...理解并熟练运用这些函数，将极大地提升你的jQuery技能，使你的网页更加生动和吸引人。
jQuery中常用的遍历函数用法实例总结
10-23
在jQuery库中，遍历函数是开发者们常用的一类工具，它们可以帮助我们高效地操作DOM元素集合。本文将深入探讨jQuery中的三个核心遍历函数：`children()`、`filter()`和`not()`，并结合实例解析它们的用法和注意事项。...
jQuery 常用函数和方法
weidong_y的博客
08-27 451
1.单击 $("#a").click(function(){ $(this).hide(); }) 2.双击 $("#a").dblclick(); 3.当元素失去焦点 $("input").blur(); 4.键盘上的键被按下 $("input").keypress(); 5.键盘上的键被按下的过程 $("input").keydown(); 6.键盘上的键...
jquery常用函数
功不唐捐，玉汝于成。
10-11 705
1、过滤 first(): 返回被选中元素的首个元素 last(): 末个元素 eq(n): 第n个元素 filter():指定一个标准，不匹配这个标准的元素会从集合中删除，匹配的元素会被返回 下面的例子将会返回带有类名为“info”的所有元素 $("p").filter(".info"); not(): 返回不匹配标准的所有元素 2、append()和after() a
jQuery常用的函数
无名老仙
12-31 1770
1、jQuery()核心函数（$()） jQuery()函数是jQuery库的最核心函数，jQuery的一切都是基于此函数的。该函数主要用于获取HTML DOM元素并将其封装为 jQuery对象，以便于使用jQuery对象提供的其他属性和方法对DOM元素进行操作。jQuery()函数的功能非常强大，它可以将各 种类型的参数智能地封装为jQuery对象。 2、jQuer...
jQuery 常用函数
Tomorrow never comes
08-07 522
1.文档加载完成执行函数$(document).ready(function(){ alert(“开始了”); });2.添加/删除CSS类$(“#some-id”).addClass(“NewClassName”);$(“#some-id”).removeClass(“ClassNameToBeRemoved”);3.选择符 利用了CSS和Xpath（XML Path Language）
JQuery常用函数
大白的博客
01-23 357
公司项目中用到JQ的机会比较多，在这里总结一下比较常用到的JQ函数，方便日后的使用。 1.返回顶部按钮 $('.top').click(function (e) { e.preventDefault(); $('html, body').animate({scrollTop: 0}, 800); }); 2.预加载图像 $.preloadImages = function () { f
jquery 常用函数
JavaNoob的博客
03-19 119
.hide() 隐藏 .show() 显示 .load() 加载
jquery 常用属性和函数 （转载
最新发布
06-09
jQuery 是一个非常流行的 JavaScript 库，它提供了许多易于使用的属性和函数，以下是常用的属性和函数： 属性： - `text()`：获取或设置元素的文本内容。 - `html()`：获取或设置元素的 HTML 内容。 - `val()`：获取或设置表单元素的值。 - `attr()`：获取或设置元素的属性。 - `prop()`：获取或设置元素的属性，比如 `checked`、`disabled` 等。 - `css()`：获取或设置元素的 CSS 样式。 - `width()`：获取或设置元素的宽度。 - `height()`：获取或设置元素的高度。 - `offset()`：获取元素相对于文档的位置。 - `position()`：获取元素相对于父元素的位置。 函数： - `$(selector)`：选择器，选择一个或多个元素。 - `$(selector).each(function(index, element))`：遍历一个或多个元素，并对每个元素执行一个函数。 - `$(selector).on(event, handler)`：为一个或多个元素绑定事件处理程序。 - `$(selector).off(event, handler)`：移除一个或多个元素的事件处理程序。 - `$(selector).addClass(class)`：为一个或多个元素添加一个或多个类。 - `$(selector).removeClass(class)`：从一个或多个元素中删除一个或多个类。 - `$(selector).toggleClass(class)`：在一个或多个元素中切换一个或多个类。 - `$(selector).fadeIn()`：淡入一个或多个元素。 - `$(selector).fadeOut()`：淡出一个或多个元素。 - `$(selector).slideDown()`：向下滑动一个或多个元素。 - `$(selector).slideUp()`：向上滑动一个或多个元素。 - `$.ajax(options)`：执行异步 HTTP（Ajax）请求。 以上是 jQuery 常用的属性和函数，当然还有很多其他的属性和函数可以使用。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值