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!');
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jQuery学习笔记之jQuery原型属性和方法 - Python技术站