DOM(Document Object Model)是一种表示HTML和XML文档的标准。在我们的网页中，所有的元素都是以一种树形结构进行组织的。 DOM 提供了一种访问和处理这些节点的方式，使得我们可以对网页进行操作。

而 jQuery 则是一种基于 JavaScript 的快速、小巧、功能丰富并且易于学习的库。 jQuery 具有很多强大的功能，包括选择和操作DOM元素。

//DOM转jQuery
var domElement = document.getElementById('example');
var $element = $(domElement);
//jQuery转DOM
var $element = $('#example');
var domElement = $element[0];

上面的代码展示了如何将 DOM 元素转换为 jQuery 元素以及将 jQuery 元素转换为 DOM 元素。

DOM 转换为 jQuery 的方法可以使用 $() 函数，这个函数从括号中传入的参数可以是一个 DOM 元素、元素id、类名等其他类型。当 jQuery 对象被创建时，我们就可以使用 jQuery 提供的各种方法来对这些元素进行操作。

而将 jQuery 对象转换为 DOM 元素，则只需要直接将 jQuery 对象的第一个元素转换为 DOM 元素即可。

//改变元素的内容和样式
var $element = $('#example');
$element.html('Hello world!');
$element.css('background-color', 'red');

上面的代码演示了如何使用 jQuery 对元素进行内容和样式的操作。我们可以使用 html() 函数改变元素的内容，使用 css() 函数改变元素的样式。

总之，DOM 和 jQuery 是我们经常使用的两种操作网页元素的方式。它们之间的转换非常容易，可以根据我们的实际需求灵活使用。