jQuery之对象
2021-01-22 17:16
标签：strong 包含 java min har char class 输出 each 说明： 是一个包含所有匹配的任意多个dom元素的伪数组对象。 基本行为： size()/length：包含的DOM元素个数。 [index]/get(index)：得到对应位置的DOM元素。 each()：遍历包含的所有DOM元素。 index()：得到在所在兄弟元素中的下标。 示例： jQuery之对象 标签：strong 包含 java min har char class 输出 each 原文地址：https://www.cnblogs.com/hfl1996/p/13284513.htmljQuery对象
DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
title>jQuery对象title>
head>
body>
button>测试一button>
button>测试二button>
button id="btn3">测试三button>
button>测试四button>
script type="text/javascript" src="../js/jquery.min.js">script>
script type="text/javascript">
/*
* 需求：
* 1.统计一共有多少个按钮
* 2.取出第2个button的文本
* 3.输出所有button标签的文本
* 4.输出‘测试三‘按钮是所有按钮中的第几个
*/
$(function (){
var $btns = $(‘button‘);
console.log($btns);
//1.统计一共有多少个按钮
console.log($btns.size(), $btns.length);
//2.取出第2个button的文本
console.log($btns[1].innerHTML, $btns.get(1).innerHTML);
//3.输出所有button标签的文本
$btns.each(function () {
console.log(this.innerHTML);
});
//4.输出‘测试三‘按钮是所有按钮中的第几个
console.log($(‘#btn3‘).index());
});
script>
body>
html>
上一篇：Aspect 切面？
下一篇：JS将数字转化为中文大写