关键词

区别 对象

JavaScript Array对象和jQuery对象的区别

JavaScript Array对象和jQuery对象是两种不同的对象,它们有着不同的用法和特性。

JavaScript Array对象

JavaScript Array对象是一种有序的数组,可以存储任意类型的值,比如数字、字符串、布尔值、对象等。它可以通过数组下标访问,也可以使用一些内置的方法和属性来操作数组元素,比如push()、pop()、shift()、unshift()、indexOf()、length等。

// 创建一个数组
var arr = [1, 2, 3, 4, 5];

// 使用push()方法添加元素
arr.push(6); // [1, 2, 3, 4, 5, 6]

// 使用pop()方法删除一个元素
arr.pop(); // [1, 2, 3, 4, 5]

// 使用shift()方法删除第一个元素
arr.shift(); // [2, 3, 4, 5]

// 使用unshift()方法添加元素
arr.unshift(1); // [1, 2, 3, 4, 5]

// 使用indexOf()方法查找元素的位置
arr.indexOf(3); // 2

// 使用length属性查看数组的长度
arr.length; // 5

jQuery对象

jQuery对象是一种特殊的JavaScript对象,它是一个封装的DOM元素集合,可以通过CSS选择器来查找DOM元素,也可以使用一些内置的方法和属性来操作DOM元素,比如addClass()、removeClass()、attr()、html()、val()、text()等。

// 使用CSS选择器查找DOM元素
var $div = $('div');

// 使用addClass()方法添加类
$div.addClass('class-name');

// 使用removeClass()方法删除类
$div.removeClass('class-name');

// 使用attr()方法设置属性
$div.attr('name', 'div-name');

// 使用html()方法设置内容
$div.html('

This is a div.

'); // 使用val()方法获取input的值 var value = $('input').val(); // 使用text()方法获取文本 var text = $('p').text();

JavaScript Array对象是一种有序的数组,可以存储任意类型的值,而jQuery对象是一种特殊的JavaScript对象,它是一个封装的DOM元素集合,可以通过CSS选择器来查找DOM元素,并使用一些内置的方法和属性来操作DOM元素。

本文链接:http://task.lmcjl.com/news/9542.html

展开阅读全文