jQuery之对象
Posted hfl1996
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery之对象相关的知识,希望对你有一定的参考价值。
jQuery对象
说明:
是一个包含所有匹配的任意多个dom元素的伪数组对象。
基本行为:
size()/length:包含的DOM元素个数。
[index]/get(index):得到对应位置的DOM元素。
each():遍历包含的所有DOM元素。
index():得到在所在兄弟元素中的下标。
示例:
<!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>
以上是关于jQuery之对象的主要内容,如果未能解决你的问题,请参考以下文章