JQuery学习笔记（一）

标签：

参考菜鸟教程http://www.runoob.com/jquery/jquery-intro.html，和《锋利的JQuery》

jQuery是一个JavaScript函数库。是目前最流行的 JS 框架，而且提供了大量的扩展。

安装：下载，或者使用CDN

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

语法： $(selector).action()     比如：$("#test").hide() 

如果在文档没有完全加载之前就运行JQuery代码，操作可能失败，所以要在文档加载完成后运行函数。

$(document).ready(function(){

   // jQuery methods go here...

});

或者

$(function(){

   // jQuery methods go here...

});

JQuery选择器：

常见事件：

触发点击事件：

$("p").click(function(){
  // action goes here!!
});

Mousedown和click的区别：click事件包含了Mousedown与MouseUp

同样，hover()方法用于模拟光标悬停事件。当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)。

$(document).ready(function(){
  $("#p1").hover(function(){
    alert("You entered p1!");
    },
    function(){
    alert("Bye! You now leave p1!");
  }); 
});

JQuery学习笔记（一）

标签：

原文地址：http://www.cnblogs.com/pp9527/p/5492094.html