什么是jQuery?
jQuery是一个JavaScript函数库。
jQuery是一个轻量级的"写的少,做的多"的JavaScript库。
jQuery库包含以下功能:HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities除此之外,Jquery还提供了大量的插件目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。很多大公司都在使用 jQuery, 例如:Google、Microsoft、IBM、NetfilxjQuery 团体知道JS在不同浏览器中存在着大量的兼容性问题,目前jQuery兼容于所有主流浏览器, 包括Internet Explorer 6!
通过 jQuery,我们可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)(jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作)
文档就绪事件
实例中的所有 jQuery 函数位于一个 document ready 函数中:这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。
如果在文档没有完全加载之前就运行函数.
两种方式选择喜欢的方式实现文档就绪后执行 jQuery 方法!!!操作可能失败!!!
①试图隐藏一个不存在的元素
②获得未完全加载的图像的大小
jQuery 入口函数与 JavaScript 入口函数的 区别:
jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行。JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行。
1.jQuery 选择器允许我们对 HTML 元素组或单个元素进行操作
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器
jQuery 中所有选择器都以美元符号开头:$()
2.元素选择器
jQuery 元素选择器基于元素名选取元素。
在页面中选取所有
元素:
$(’'p")
用户点击按钮后,所有
元素都隐藏:
3.id 选择器
jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。页面中元素的 id 应该是唯一的,所以我们要在页面中选取唯一的元素需要通过id选取元素语法
$(“#text”)
4. .class 选择器 jQuery 类选择器可以通过指定的 class 查找元素。语法如下:
$(“.text”)
用户点击按钮后所有带有 class=“test” 属性的元素都隐藏:
5. 独立文件中使用 jQuery 函数如果网站中包含许多页面,并且希望 jQuery 函数易于维护,那么请把 jQuery 函数放到独立的 .js 文件中。当我们在教程中演示 jQuery 时,会将函数直接添加到 部分中。不过,把它们放到一个单独的文件中会更好,就像这样(通过 src 属性来引用文件):