12.jQuery一些零散知识整合

一.jQuery绑定事件
$('.aaa').on('click',function(){}) //点击时触发事件
$('.aaa').one('click',function(){}) //点击时触发事件,只能触发一次

//hover有两个参数,第一个参数是鼠标进入时调用,第二个参数是离开时调用

$('div').hover(function(){

},function(){

})

二.jQuery的DOM遍历
$('ul').find('li') //查找所有符合条件的后代元素
$('ul').children('li') //直接查找子元素,必须是父子关系,多一层都不行

$('li').parents('ul') //查找所有的上级
$('li').parent('ul') //只能查找到父级,不能越级

三.jQuery监控页面是否加载完成

1.$(document).ready(function(){}) //能多写,都能执行,当页面所有DOM结构加载完成后执行

2.window.onload = function(){} //不能多写,多写只会执行后一个,所有内容加载完毕后执行,包含图片

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,367评论 0 2
  • 第一章 入门 基本功能:访问和操作 dom 元素,控制页面样式,对页面的事件处理,与ajax完美结合,有丰富的插件...
    X_Arts阅读 1,066评论 0 2
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,363评论 0 8
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,200评论 0 1
  • 又是一年的初秋。跟往年一样,本应萧瑟的秋天还留有夏天的痕迹,却早已染上冬天的凛冽和刺骨。可能是夏天和冬天太过...
    葉子i阅读 526评论 0 0