jQuery基础知识：选择网页元素和改变结果集

jQuery学习总结 jQuery 是一个流行的 JavaScript 库，它提供了许多有用的功能来简化 JavaScript 编程。下面是 jQuery 学习的总结。 选择网页元素 jQuery 的基本设计和主要用法是选择某个网页元素，然后对其进行某种操作。这是它区别于其他函数库的根本特点。使用 jQuery 的第一步，往往就是将一个选择表达式，放进构造函数 jQuery()（简写为 $），然后得到被选中的元素。 选择表达式可以是 CSS 选择器，如： * `$(document)`：选择整个文档对象 * `$('#myId')`：选择 ID 为 myId 的网页元素 * `$('div.myClass')`：选择 class 为 myClass 的 div 元素 * `$('input[name=first]')`：选择 name 属性等于 first 的 input 元素 也可以是 jQuery 特有的表达式，如： * `$('a:first')`：选择网页中第一个 a 元素 * `$('tr:odd')`：选择表格的奇数行 * `$('#myForm:input')`：选择表单中的 input 元素 * `$('div:visible')`：选择可见的 div 元素 * `$('div:gt(2)')`：选择所有的 div 元素，除了前三个 * `$('div:animated')`：选择当前处于动画状态的 div 元素 改变结果集 如果选中多个元素，jQuery 提供了过滤器，可以缩小结果集，如： * `$('div').has('p')`：选择包含 p 元素的 div 元素 * `$('div').not('.myClass')`：选择 class 不等于 myClass 的 div 元素 * `$('div').filter('.myClass')`：选择 class 等于 myClass 的 div 元素 执行时机 在 jQuery 中，有两个重要的执行时机： * `$(document).ready()`：必须等待网页中所有的内容加载完毕（包括图片），才能执行。 * `window.onload`：执行时机是在网页中所有的内容加载完毕后，包括图片和 DOM 结构绘制完毕后。 需要注意的是，`window.onload` 只能编写一次，否则后面的代码将覆盖前面的代码。 简化写法 jQuery 提供了简化写法，如： * `$(document).ready(function(){})` 可以简写成 `$(function(){})` jQuery 是一个功能强大且灵活的 JavaScript 库，它提供了许多有用的功能来简化 JavaScript 编程。