jQuery基础语法&事件

228 阅读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 库