JQuery是一种流行的JavaScript库，可简化DOM操作。 DOM代表文档对象模型，表示网页的层次结构。 JQuery使操作DOM更容易、更快速。在JQuery中，DOM元素是作为JQuery对象表示的，这些对象具有许多有用的方法和属性。

var divElements = $('div'); //选择所有的div元素
var firstDiv = $('div:first'); //选择第一个div元素
var secondDiv = $('div:eq(1)'); //选择第二个div元素

上面的代码示例演示了如何使用JQuery选择DOM元素。可以使用CSS选择器来选择一个或多个元素。选择器可以匹配元素的标签名称、类、ID、属性等等。使用JQuery选择器返回的DOM元素之后可用各种方法对元素进行修改。

var newDiv = $('
'); //创建一个新的div元素
$(newDiv).addClass('new-class'); //为新创建的div元素添加一个新的CSS类
$(newDiv).attr('id', 'new-id'); //为新创建的div元素添加一个新的属性
$('body').append(newDiv); //将新的div元素添加到页面中的主体部分
上面的代码示例演示了如何创建新的DOM元素并将其添加到页面上。可以使用JQuery的addClass()和attr()方法来为元素添加新的类和属性。调用append()方法向主体部分添加新的元素。
JQuery还提供了一种简单的方法安排响应事件的方式。只需为DOM元素注册一个事件监听器即可，当用户与元素交互时，事件便会触发。
$('button').on('click', function() {
alert('Button clicked!');
});
上面的代码示例演示了如何使用JQuery为按钮添加click事件监听器。当按钮被单击时，事件处理函数会被调用，并会弹出一个警告框。这是一种处理用户交互的简单方法。
上一篇jquery dom操作综合
下一篇jquery dom属性值