jQuery基础练习题
jQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互等操作，通过学习jQuery，我们可以更高效地编写JavaScript代码，下面是一些jQuery的基础练习题，帮助你巩固所学知识。
1、请写出一个简单的jQuery选择器，用于选取所有的<p>标签。
解析：使用$('p')选择器可以选取所有的<p>标签。
$('p');
2、请写出一个简单的jQuery选择器，用于选取id为myDiv的元素。
解析：使用$('#myDiv')选择器可以选取id为myDiv的元素。
$('#myDiv');
3、请写出一个简单的jQuery选择器，用于选取class为myClass的所有元素。
解析：使用$('.myClass')选择器可以选取class为myClass的所有元素。
$('.myClass');
4、请写出一个简单的jQuery选择器，用于选取属性名为data-value且值为123的所有元素。
解析：使用$('[data-value="123"]')选择器可以选取属性名为data-value且值为123的所有元素。
$('[data-value="123"]');
5、请写出一个简单的jQuery方法，用于隐藏所有可见的元素。
解析：使用hide()方法可以隐藏所有可见的元素。
$('*:visible').hide();
6、请写出一个简单的jQuery方法，用于获取第一个可见的<p>标签的内容。
解析：使用first()方法可以获取第一个匹配的元素，然后使用text()方法获取其内容。
$('p:visible').first().text();
7、请写出一个简单的jQuery方法，用于为所有<p>标签添加一个名为highlight的class。
解析：使用addClass()方法可以为元素添加一个class。
$('p').addClass('highlight');
8、请写出一个简单的jQuery方法，用于移除所有元素的highlight class。
解析：使用removeClass()方法可以移除元素的class。
$('*').removeClass('highlight');
9、请写出一个简单的jQuery方法，用于设置所有元素的文本颜色为红色。
解析：使用css()方法可以设置元素的样式。
$('*').css('color', 'red');
10、请写出一个简单的jQuery方法，用于获取id为myDiv的元素的宽度和高度。
解析：使用width()和height()方法可以获取元素的宽度和高度。
var width = $('#myDiv').width();
var height = $('#myDiv').height();
console.log('Width: ' + width + ', Height: ' + height);
发表评论