本文共 3098 字，大约阅读时间需要 10 分钟。

DOM���������jQuery������������������������

���������������������������������������DOM���������jQuery������������������������������������������������������������������������������������������������������������������������������������������������DOM���������jQuery���������������������������������������������

DOM������������������������

DOM���Document Object Model������������������������������������������������������������HTML������������������������DOM������HTML���������������������������������������������������������������������������������������DOM������HTML���������������������������DOM������������DOM���������

DOM������������������JavaScript������������������������������������������������������

• ���������������������������HTML���������������������������
• ���������������������������������������������������������������������
• ������������������������������������������������������������������������

jQuery������������������������

jQuery���������������������������JavaScript���������������������������HTML���������������������������������������������������

DOM���������jQuery���������������

• ���������������������������DOM������������������$(DOM������)���������������������jQuery���������������������������������������������������������������
• ������������������������������������������������jQuery������������������������������������������

Example 1: DOM���������jQuery������������������������������

var div3 = document.querySelector("#div3");
var $div3 = $(div3);
$div3.html(333); // ������������������jQuery������������������

���������������

• ������������document.querySelector������������ID���DOM���������
• ������������DOM���������������jQuery���������
• ������������.html()������������HTML���������������

������������������������������������jQuery���������.html()���.append()���������������������������������

jQuery���������DOM���������������������

������������������������������������������������jQuery���������������DOM������������������������������������

jQuery���������������DOM���������������

var div1 = $("div")[0]; // ���������������DOM������
div1.innerHTML = 111; // ������DOM���������������

2. ������.get()���������

var div2 = $("div").get(1); // ���������������DOM������
div2.innerHTML = 222; // ������DOM���������������

������������������������������jQuery���������������DOM������������������������������������������������

���������������

���������������������DOM���������jQuery���������������������������������������������������������������������������������������������������������������������������������������������������������������������