jquery笔记(血整理).docx

html head script type=text/javascript src=jquery.js/script script type=text/javascript $(document).ready(function(){ $(p).click(function(){ $(this).hide(); }); }); /script /head body pIf you click on me, I will disappear./p /body /html ------------------------------------------------------------------ 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 button type=buttonClick me/button /body /html =================================================================== 向页面添加 jQuery 库 jQuery 库位于单个的 JavaScript 文件中，其中包含所有 jQuery 函数。 可以通过下面的标记把 jQuery 添加到网页中： head script type=text/javascript src=jquery.js/script /head 库的替代 Google 和 Microsoft 对 jQuery 的支持都很好。 如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google or Microsoft 加载 CDN jQuery 核心文件。 使用 Google 的 CDN head script type=text/javascript src=/ajax/libs /jquery/1.4.0/jquery.min.js/script /head 使用 Microsoft 的 CDN head script type=text/javascript src=/ajax/jquery /jquery-1.4.min.js/script /head ==================================================================== jQuery 语法：通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行“操作”（actions）。 jQuery 语法实例： HYPERLINK C:\\Users\\Administrator\\Documents\\My Knowledge\\tiy\\t.asp-f=jquery_hide_this.htm $(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。 HYPERLINK C:\\Users\\Administrator\\Documents\\My Knowledge\\tiy\\t.asp-f=jquery_hide_id.htm $(#test).hide() 演示 jQuery hide() 函数，隐藏 id=test 的元素。 HYPERLINK C:\\Users\\Administrator\\Documents\\My Knowledge\\tiy\\t.asp-f=jquery_hide_p.htm $(p).hide() 演示 jQuery hide() 函数，隐藏所有 p 元素。 HYPERLINK C:\\Users\\Administrator\\Documents\\My Knowledge\\tiy\\t.asp-f=jquery_hide_class.htm $(.test).hide() 演示 jQuery hide() 函数，隐藏所有 class=test 的元素。 jQuery 语法 jQuery 语法是为 HTML 元素的选取编制，可以对元素执行某些操作。 基础语法是：$(selector).action() 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery action() 执行对元素的操作 实例