jQuery对象——jQuery学习(2)

news/2024/7/10 22:50:56 标签: javascript, jquery

1、jQuery对象是一个包含所有匹配的任意多个dom元素的伪数组对象;

2、基本行为:

  • size()/length():包含的DOM元素个数;
  • [index]/get(index):得到对应位置的dom元素;
  • each():遍历包含的所有dom元素;
  • index():得到在所在兄弟元素中的下标。

代码示例:

<!DOCTYPE html>
<html>
<head>
	<title>jQuery对象</title>
</head>
<body>
	<button>测试一</button>
	<button>测试二</button>
	<button id="btn3">测试三</button>
	<button>测试四</button>

	<!-- 
	需求 
	需求1:统计一共有多少个按钮;
	需求2:取出第二个button的文本;
	需求3:输出所有button标签文本;
	需求4:输出“测试三”按钮是所有按钮的第几个。 
	-->

	<!--
	 伪数组:
	 Object对象;
	 Length属性;
	 数组下标属性;
	 没有数组特别方法:foreach(),push(),splice()等等
	 -->

	<script type="text/javascript" src="jquery-3.4.1/jquery-3.4.1.js">javascript"></script>
	<script type="text/javascript" >javascript">
		//需求1:统计一共有多少个按钮;
		var buttons = $('button');
		//console.log(buttons.size(),buttons.length)  1.8版本以后没有size()了
		console.log(buttons.length);

		//需求2:取出第二个button的文本;
		console.log(buttons[1].innerHTML,buttons.get(1).innerHTML);

		//需求3:输出所有button标签文本;
		buttons.each(function(index,domEle){
			console.log(index,domEle.innerHTML,this) //this是dom元素本身
		}) 

		buttons.each(function(){
			console.log(this.innerHTML);
		})

		//需求4:输出“测试三”按钮是所有按钮的第几个。
		console.log($('#btn3').index());
	</script>
</body>
</html>

http://www.niftyadmin.cn/n/976854.html

相关文章

glob及IO重定向

回顾&#xff1a;bash基础特性&#xff1a;命令补全&#xff0c;路径补全&#xff0c;命令引用&#xff0c;文件或目录的复制&#xff0c;移动&#xff0c;删除&#xff0c;变量&#xff1a;变量的类型存储格式&#xff0c;数据范围&#xff0c;参与运算bash的基础特性&#xf…

几点Java程序必须满足的基本规则

1 Java程序的组织形式 Java程序是一种纯粹的面向对象的程序设计语言&#xff0c;因此Java程序必须以类&#xff08;class&#xff09;的形式存在&#xff0c;类&#xff08;class&#xff09;是Java程序的最小程序单位。Java程序不允许可执行性语句、方法等成分独立存在&#…

jQuery基本选择器——jQuery学习(3)

示例代码&#xff1a; <!DOCTYPE html> <html> <head><title>基本选择器</title><meta charset"utf-8"> </head> <body><div id"div1" class"box">div1(class"box")</div&…

XVI Open Cup named after E.V. Pankratiev. GP of SPB

A. Bubbles 枚举两个点&#xff0c;求出垂直平分线与$x$轴的交点&#xff0c;答案交点数1。 时间复杂度$O(n^2\log n)$。 #include<cstdio> #include<algorithm> #include<cmath> using namespace std; const double eps1e-9; int sgn(double x){if(x<-ep…

AppScan使用

2019独角兽企业重金招聘Python工程师标准>>> 首先是安装这个软件&#xff0c;就是和普通软件安装一样再替换掉licence文件即可完成破解。打开软件&#xff0c;点击创建新的扫描根据需要选择相应的模版&#xff0c;这里选择常规 然后就让他扫描最后点击报告&#xff…

jQuery层次选择器——jQuery学习(4)

层次选择器&#xff1a;查找子元素&#xff0c;后代元素&#xff0c;兄弟元素的选择器 1、ancestor descendant 在给定的祖先元素下匹配所有的后代元素; 2、parent>child 在给定的父元素下面匹配所有的子元素&#xff1b; 3、prenext 匹配所有紧接着在pre后的next元素&…

python-多进程

进程是由系统自己管理的。1&#xff1a;最基本的写法from multiprocessing import Pooldef f(x):return x*xif __name__ __main__:p Pool(5)print(p.map(f, [1, 2, 3]))[1, 4, 9]2、实际上是通过os.fork的方法产生进程的unix中&#xff0c;所有进程都是通过fork的方法产生的。…

Python中yield表达式的使用

关于yield这个表达式&#xff0c;只是在以前用的时候网上搜了几篇文章看了一下&#xff0c;大概理解如 何去使用&#xff0c;但yield执行原理其实还是不大明白&#xff0c;今天在次总结一下&#xff1a; 1. 如果一个函数中使用了yield&#xff0c;那么这个函数就变成了一个生成…