jQuery对象使用

Myth丶恋晨 2022-12-02 04:21 149阅读 0赞

jQuery对象是一个包含所有匹配的任意多个dom元素的为数组对象  
基本行为：

1.  length:包含的dom元素个数
2.  \[index\]/get(index):得到对应位置的DOM元素
3.  each():遍历包含的所有DOM元素
4.  index():得到在所有兄弟元素中的下标  
    用法如下：

<script type="text/javascript" src="../js/jquery-3.1.1/jquery-3.1.1.min.js"></script>
    		<script type="text/javascript">
    			$(function(){
    				//统计一共有多少个按钮
    			console.log($('button').length);
    
    			//取出第二个button的文本
    		
    			console.log($('button')[1].innerHTML);
    			console.log($('button').get(1).innerHTML);
    			//输出所有button标签的文本
    			$('button').each(function(){
    				console.log(this.innerHTML);
    				//console.log($(this).html());
    			});
    			$('button').each(function(index,domEle){
    				//console.log(this.innerHTML);
    				//console.log($(this).html());
    				console.log(index,domEle.innerHTML);
    			});
    			//输出测试三按钮是所有按钮中的第几个
    			console.log($('#btn3').index()+1);
    			});
    			/*伪数组
    			 * Object对象
    			 * length属性
    			 * 数组下标属性
    			 * 上面的button就是伪数组
    			 */
    		</script>
    	</head>
    	<body>
    		<button>测试一</button>
    		<button>测试二</button>
    		<button id="btn3">测试三</button>
    		<button>测试四</button>
    	</body>

发表评论取消回复

表情：

评论列表（有 0 条评论，149人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS对象与jQuery对象

JS对象大致可以分为三种，如下图： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0c

朱雀/ 2023年07月10日 05:23/ 0 赞/ 133 阅读

相关 jQuery-jQuery对象的查找

children():查找子元素 find():查找后代元素 parent():查找父元素 prevAll():查找某元素前面的所有元素 siblings():

太过爱你忘了你带给我的痛/ 2022年12月02日 12:26/ 0 赞/ 149 阅读

相关 jQuery对象使用

jQuery对象是一个包含所有匹配的任意多个dom元素的伪数组对象基本行为： 1.length:包含的dom元素个数 2. \[index\]/get(index

梦里梦外;/ 2022年12月02日 04:23/ 0 赞/ 129 阅读

相关 jQuery对象使用

jQuery对象是一个包含所有匹配的任意多个dom元素的为数组对象基本行为： 1. length:包含的dom元素个数 2. \[index\]/get(index

Myth丶恋晨/ 2022年12月02日 04:21/ 0 赞/ 150 阅读

相关 jquery中this对象的使用

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR

逃离我推掉我的手/ 2022年07月17日 00:00/ 0 赞/ 195 阅读

相关 JQuery对象

JQuery为了解决浏览器的兼容问题而提高的一种统一封装后的对象描述 JQuery提高的方法都是针对JQuery对象特有的，而且大部分方法的返回值类型也是JQuery对象，所

拼搏现实的明天。/ 2022年07月16日 05:28/ 0 赞/ 208 阅读

相关 JQuery对象与DOM对象

1. DOM对象在网页中，各标签都是一个DOM节点，如下所示： <ul id="ulId"> <li>a</li> <

灰太狼/ 2022年06月08日 03:06/ 0 赞/ 263 阅读

相关 jQuery对象和DOM对象

第一次学习jQuery，经常分辨不清哪些是jquery对象、哪些是DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系。一、DOM对象和jQ

小咪咪/ 2022年05月17日 10:26/ 0 赞/ 262 阅读

相关 jQuery--DOM对象与jQuery对象的转换

在JavaScript中，通过getElementById()、getElementsByClassName()和querySelector()等方法来获取要页面中的HTML元

骑猪看日落/ 2021年08月13日 22:28/ 0 赞/ 471 阅读

相关数组方式使用jQuery对象

一、使用jQuery选择器获取结果是一个jQuery对象。然而，jQuery类库会让你感觉你正在使用一个定义了索引和长度的数组。在性能方面，建议使用简单的for或者w...

你的名字/ 2021年03月22日 13:32/ 0 赞/ 553 阅读