jQuery中使用了document和window哪些属性和方法小结

在jQuery中，我们可以使用document和window对象来访问或操作文档和窗口中的元素及属性。下面详细讲解了一些常用的属性和方法：

document对象

1. ready()方法

ready()方法是jQuery中用于执行在DOM树结构加载完成后执行的函数的方法。例如，我们可以使用下面的代码来在DOM加载完成后显示一条提示信息：

$(document).ready(function(){
    alert("文档加载完成！");
});

2. find()和children()方法

find()和children()方法都是遍历DOM树结构中的元素，并返回符合条件的元素。

// 在文档中查找所有class为example的元素
$(document).find('.example');

// 在文档中查找所有直接子元素中class为exampled的元素
$(document).find('> .example');

3. readyState属性

readyState属性在document对象中用于获取文档的加载状态。例如：

if(document.readyState === "complete") {
    alert("文档加载完成！");
}

window对象

1. setInterval()和clearInterval()方法

setInterval()方法是用于定时执行函数的方法，而clearInterval()方法则用于停止定时执行。例如：

// 每隔1秒钟输出一次当前时间
var i = setInterval(function(){
    console.log(new Date());
}, 1000);

// 5秒钟后停止定时执行
setTimeout(function(){
    clearInterval(i);
}, 5000);

2. scrollX和scrollY属性

scrollX和scrollY属性是获取当前窗口滚动条的水平和垂直位置的属性。例如：

// 获取当前文档窗口的滚动条位置并输出
console.log("水平位置：" + window.scrollX);
console.log("垂直位置：" + window.scrollY);

总之，在jQuery中使用document和window对象可以实现许多有趣和实用的功能，帮助我们更好的操作和控制网页中的元素和事件。