你的位置:首页 > Java教程

[Java教程]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!"); }); });