星空网 > 软件开发 > Java

JQuery学习笔记(一)

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

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

 

安装:下载,或者使用CDN

<script src='/images/loading.gif' data-original="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选择器:

JQuery学习笔记(一)

 

常见事件:

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学习笔记(一)

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

数字化跨境物流:https://www.goluckyvip.com/tag/92835.html
云速跨境物流:https://www.goluckyvip.com/tag/92836.html
跨境法国物流:https://www.goluckyvip.com/tag/92837.html
法国跨境物流:https://www.goluckyvip.com/tag/92838.html
出口跨境的物流方式:https://www.goluckyvip.com/tag/92839.html
开店保证金:https://www.goluckyvip.com/tag/9284.html
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
北京丰台区水上乐园哪家好玩?:https://www.vstour.cn/a/366177.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流