📜  jquery 初始化 - Javascript (1)

📅  最后修改于: 2023-12-03 14:43:17.093000             🧑  作者: Mango

jQuery初始化

jQuery是一种广泛使用的JavaScript库,可简化HTML文档的遍历和操作、事件处理、动画等各种操作。在使用jQuery时,首先需要进行初始化。

初始化

在使用jQuery之前,需要在HTML文档中引入jQuery库。可以从jQuery官网下载或在CDN上使用:

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

引入jQuery库后,即可使用$jQuery关键字创建jQuery对象。

$(document).ready(function() {
  // 在文档准备好之后执行的代码
});

上述代码在文档加载完毕时会执行一个回调函数。可以使用$(function() {...})的简写方式。

$(function() {
  // 在文档准备好之后执行的代码
});
选择器

使用jQuery,可以使用类似CSS选择器的方式选取DOM元素。

下面是一些有用的选择器:

  • $(selector): 选取与选择器匹配的所有元素。
  • $(selector, context): 在指定上下文中选取与选择器匹配的所有元素。
  • $(elements): 利用现有的DOM元素集合创建jQuery对象。
  • $('<html>'): 创建一个包含给定HTML字符串的jQuery对象。
  • $(function() {...}): 当文档加载完毕时执行一个回调函数。

下面是一些示例:

// 选取所有按钮
var buttons = $('button');

// 在列表中选取所有元素
var listElements = $('li', $('ul'));

// 选取ID为"myDiv"的元素
var myDiv = $('#myDiv');

// 创建一个包含给定HTML字符串的对象
var someHtml = $('<p>Hello, world!</p>');

// 当文档加载完毕时执行回调函数
$(function() {
  console.log('文档加载完毕');
});
总结

通过本文,你学习了如何初始化jQuery,使用选择器选取DOM元素。相信这些内容能够为你在使用jQuery时提供一些有用的帮助。