jQuery基本知识

130 阅读1分钟

基础语法是:(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
比如:(this).hide() - 隐藏当前元素 ("p").hide() - 隐藏所有段落(".test").hide() - 隐藏所有 class="test" 的所有元素 ("#test").hide() - 隐藏所有 id="test" 的元素
文档就绪函数
实例中的所有 jQuery 函数位于一个 document ready 函数中:(document).ready(function(){ --- jQuery functions go here ---- }); eg: (document).ready(function(){("p").click(function(){ $(this).hide(); }); }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。 如果在文档没有完全加载之前就运行函数,操作可能失败。

jQuery 名称冲突 jQuery 使用 $ 符号作为 jQuery 的简介方式。

某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。

jQuery 使用名为 noConflict() 的方法来解决该问题。

var jq=jQuery.noConflict() ,帮助您使用自己的名称(比如 jq)来代替 $ 符号。 结论 由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循以下原则时,您的代码会更恰当且更易维护:

把所有 jQuery 代码置于事件处理函数中 把所有事件处理函数置于文档就绪事件处理器中 把 jQuery 代码置于单独的 .js 文件中 如果存在名称冲突,则重命名 jQuery 库