jquery(1)

引用 jQuery库(引用百度的):

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script>

jquery入口函数(在 html 所有标签(DOM)都加载之后,就会去执行):

$(document).ready(function(){
    // 执行代码
});
或者
$(function(){
    // 执行代码
});

JavaScript 入口函数(等到所有内容,包括外部图片之类的文件加载完后,才会执行):

window.onload = function () {
    // 执行代码
}id选择器:$("#test").property       
类选择器:$(".test").property        
元素选择器:$("p").property 
选取第一个 <p> 元素:$("p:first")                    
选取第一个 <ul> 元素的第一个 <li> 元素:$("ul li:first")  
选取每个 <ul> 元素的第一个 <li> 元素:$("ul li:first-child")          
选取带有 href 属性的元素:$("[href]")
选取所有 type="button" 的 <input> 元素 和 <button> 元素:$(":button")
选取偶数位置的 <tr> 元素:$("tr:even") 
选取奇数位置的 <tr> 元素:$("tr:odd")
选取所有 target 属性值等于 "_blank" 的 <a> 元素:$("a[target='_blank']")
选取所有 target 属性值不等于 "_blank" 的 <a> 元素:$("a[target!='_blank']")

常见jquery的 DOM 事件:

鼠标事件:

click(按钮单击事件)

dblclick(按钮双击事件)

mouseenter(当鼠标指针穿过元素时)

mouseleave(当鼠标指针离开元素时触发)

mousedown(鼠标指针移动到元素上方,并按下鼠标按键时触发)

mouseup (当在元素上松开鼠标按钮时触发)

键盘事件:

keypress(键被按下时触发)

keydown(键按下的过程触发)

keyup(键被松开时触发)

hover(mouseenter(),mouseleave())(当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave))

表单事件:

submit(当提交表单时触发)

change(当元素的值改变时触发)

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

blur(当元素失去焦点时触发)

文档/窗口事件:

resize(当调整浏览器窗口大小时触发)

scroll(当用户滚动指定的元素时触发)

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值