【jQuery入门】DOM对象和jQuery对象,以及互相转换,选择器
$(document).ready(function() {
// 将DOM对象转换为jQuery对象
var domElement = document.getElementById('myId'); // 获取DOM对象
var jQueryElement = $(domElement); // 转换为jQuery对象
// 将jQuery对象转换为DOM对象
var jQueryElement2 = $('#myId'); // 获取jQuery对象
var domElement2 = jQueryElement2[0]; // 转换为DOM对象
// 使用选择器
var elements = $('#myId, .myClass, li'); // 选择ID为myId的元素和class为myClass的元素以及所有的li元素
elements.css('color', 'red'); // 将这些元素的文字颜色设置为红色
});
这段代码演示了如何在DOM对象和jQuery对象之间进行转换,并使用了jQuery的选择器来选择多个元素。
评论已关闭