安装

1、使用百度的CDN引用:

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


2、语法:
通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。

基础语法:

 $(selector).action()

例如:

  • $(this).hide() - 隐藏当前元素

  • $("p").hide() - 隐藏所有 <p> 元素

  • $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素


3、文档就绪事件:
$(document).ready(function(){

   // jQuery methods go here...

});

这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数,操作可能失败。


简洁写法:

$(function(){

   // jQuery methods go here...

});

4、选择器:

jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。

元素选择器:$("p")

#id选择器: $("#id")

.class选择器:$(".class")




5、事件:


如click事件:$("p").click();

事件的方法:(可以在方法中定义click后,发生了什么事)
$("p").click(function(){
  // action goes here!!
});
如:
$("p").click(function(){
  $(this).hide();
});

ready()事件:
$(document).ready() 方法允许我们在文档完全加载完后执行函数。

mouseleave()事件:
当鼠标指针离开元素时,会发生 mouseleave 事件。

mousedown()事件:
当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。

mouseup()事件:
当在元素上松开鼠标按钮时,会发生 mouseup 事件。

hover()事件:
用于模拟光标悬停事件。

focus()事件:
当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。

blur()事件:
当元素失去焦点时,发生 blur 事件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值