jQuery学习笔记之jQuery原型属性和方法

jQuery学习笔记之jQuery原型属性和方法

1. jQuery原型属性

在jQuery中，原型属性（Prototype Properties）指的是指针指向的对象的属性。

1.1 常见的原型属性

• jquery: jQuery的版本号。
• length: 选中元素集合的长度。
• selector: 选中元素的选择器或者过滤方式。

1.2 示例

console.log($.fn.jquery);  // 输出jQuery的版本号
console.log($('#id').length); // 输出选中元素的数量
console.log($('.className').selector);  // 输出选中元素的选择器或者过滤方式

2. jQuery原型方法

在jQuery中，原型方法（Prototype Methods）是指针指向的对象的方法。

2.1 常见的原型方法

• add(): 向元素集合添加元素。
• each(): 遍历元素集合。
• filter(): 过滤元素集合。
• find(): 在元素集合中查找匹配的元素。
• css(): 获取或者设置元素样式。
• html(): 获取或者设置元素的HTML内容。
• text(): 获取或者设置元素的文本内容。
• attr(): 获取或者设置元素的属性值。
• val(): 获取或者设置元素的value值。

2.2 示例

// 例1：使用each()方法遍历元素集合
$('li').each(function() {
  console.log($(this).text());
});

// 例2：使用filter()方法过滤元素集合
$('li').filter('.green').css('color', 'green');

// 例3：使用attr()方法获取或者设置img标签的src属性
$('img').attr('src', 'image.jpg');

// 例4：使用val()方法获取或者设置input标签的value值
$('input').val('Hello World!');