JQuery入门实例学习1.docVIP

1 什么是jQuery jQuery 是一个 JavaScript 函数库。 jQuery 库包含以下特性： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 2　向页面添加 jQuery 库jQuery 库位于单个的 JavaScript 文件中，其中包含所有 jQuery 函数 通过下面的标记把 jQuery 添加到网页中head script type=text/javascript src=jquery.js/script /head 请注意，script 标签应该位于页面的 head 部分。 3　 jQuery 语法是为 HTML 元素的选取编制，可以对元素执行某些操作。 基础语法是：$(selector).action() 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery action() 执行对元素的操作 　基础 jQuery 实例下面的例子演示了 jQuery 的 hide() 函数，隐藏了 HTML 文档中所有的 p 元素 html head script type=text/javascript src=jquery.js/script script type=text/javascript $(document).ready(function(){ $(button).click(function(){ $(p).hide(); }); }); /script /head body h2This is a heading/h2 pThis is a paragraph./p pThis is another paragraph./p button type=buttonClick me/button /body /html 页面浏览效果如下图所示： 点击上面的按钮，页面效果如下所示： 文档就绪函数。 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中： $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。 下面是两种假如文档完全加载之前运行函数的话，操作失败的情况： 试图隐藏一个不存在的元素。 获得未完全加载的图像的大小。 　 html head meta http-equiv=Content-Type content=text/html; charset=utf-8/ titleThrough the Looking-Glass/title /head body h1Through the Looking-Glass/h1 div class=authorby Lewis Carroll/div div class=chapter id=chapter-1 h2 class=chapter-title1. Looking-Glass House/h2 pThere was a book lying near Alice on the table, and while she sat watching the White King (for she was still a little anxious about him, and had the ink all ready to throw over him, in case he fainted again), she turned over the leaves, to find some part that she could read, span class=spokenmdash;for its all in some language I dont know,/span she said to herself./p pIt was like this./p div class=poem h3 class=poem-titleYKCOWREBBAJ/h3 div class=poem-stanza divsevot yhtils eht dna ,gillirb sawT/div div;ebaw eht ni elbmig dna eryg diD/div div,sevogo