jQuery对象使用

梦里梦外; 2022-12-02 04:23 142阅读 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 条评论，142人围观）

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

相关阅读

相关【jQuery】第六课——使用jQuery操作DOM对象

*知识点：**会用jQuery操作CSS样式、会用jQuery操作文本与属性值内容、会用jQuery操作DOM节点、会用jQuery遍历DOM节点、会用jQuery操作C...

雨点打透心脏的1/2处/ 2024年04月19日 09:36/ 0 赞/ 63 阅读

相关 JS对象与jQuery对象

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

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

相关 jQuery-jQuery对象的查找

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

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

相关 jQuery对象使用

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

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

相关 jQuery对象使用

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

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

相关 jquery中this对象的使用

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

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

相关 JQuery对象

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

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

相关 jQuery对象和DOM对象

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

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

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

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

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

相关数组方式使用jQuery对象

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

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