js进阶课程 12-9 jquery的事件对象event的方法有哪些? 一.总结 一句话总结:三组六个,阻止默认事件一组,阻止冒泡一组,阻止冒泡和剩余事件一组. 1.事件的默认动作指什么? 比如点a标签跳转,比如点submit提交 2.如何阻止元素的默认事件? event.preventDefault() 阻止事件的默认动作. 26 //阻止默认行为 27 $('#aid').click(function(e){ 28 //e.preventDefault() 29 alert(e.isDefa…
js进阶 13-11/12 jquery如何实现折叠导航 一.总结 一句话总结:还是用的slideToggle滑动效果,并且这一个展开时,所有兄弟都关闭. 1.文字缩进怎么设置? 感觉设置margin和padding都行,其实也可以设置text-indent 14 text-indent: 2em; font-weight: normal; 2.二级菜单除第一个之外全部隐藏怎么写? 用not方法,不选第一个 $('.nav>ul:not(:first)').hide() 二.jquery如何实现…
js进阶 12-6 如何获取正在发生事件的名字和是哪个元素在发生事件 一.总结 一句话总结:event.type 描述事件的类型.        event.target 触发该事件的 DOM 元素.        event.currentTarget 在事件冒泡阶段中的当前DOM元素,等同于'this'. 1.event.target和event.currentTarget的区别是什么? target属性的值是发生事件的那个元素,currentTarget是绑定事件的那个元素,相当于this…
js进阶 12-6 监听鼠标滚动事件和窗口改变事件怎么写 一.总结 一句话总结:滚动事件scroll(),浏览器窗口调整监听resize(),思考好监听对象. 1.滚动事件scroll()的监听对象是谁? window对象 $(window).scroll(function(){ //滚动条的距离scrollTop()和scrollLeft() $('#div1').text($(this).scrollTop()) }) 2.浏览器窗口调整监听resize()的监听对象是谁? window对象…
js进阶课程ajax简介(ajax是浏览器来实现的) 一.总结 1.ajax使用需要服务器支持,比如phpstudy 2.ajax是浏览器支持的功能:ajax有个核心对象XMLHttpRequest,这个对象时浏览器提供支持的,是浏览器windows对象的一个对象,window.XMLHttpRequest 3.ajax兼容性问题:大部分浏览器都支持ajax,IE6不支持ajax的XMLHttpRequest对象,但是支持ajax的ActiveXObject对象 二.js进阶课程ajax简介 准…
js进阶 11-9/10/11 jquery创建和插入节点 一.总结 一句话总结: 1.jquery插入节点8个方法? 内部之前,内部之后,之前,之后:各两个 append()和appendTo() append() 方法在被选元素的结尾插入指定内容. 语法1:$(selector).append(content) 语法2:$(selector).append(function(index,html)) appendTo()跟append()类似,作用都是在所选元素内部的“末尾”插入内容. 语法…
事件处理(事件对象.目标元素的获取,事件对象的属性.方法等)在不同浏览器之间存在差异,jQuery在遵循W3C规范的情况下做了封装统一 一.事件对象常用的属性: event.type:获取事件的类型,触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标,可以确定元素在当前页面的坐标值,是…
jQuery,事件对象,event 对象,默认行为,冒泡 学习要点: 1.事件对象 2.冒泡和默认行为 JavaScript 在事件处理函数中默认传递了 event 对象,也就是事件对象.但由于浏览器 的兼容性,开发者总是会做兼容方面的处理.jQuery 在封装的时候,解决了这些问题,并且 还创建了一些非常好用的属性和方法. 一.事件对象 事件对象就是 event 对象,通过处理函数默认传递接受.之前处理函数的 e 就是 event 事件对象,event 对象有很多可用的属性和方法,我们在 Ja…
1.  事件对象event 对于event,js的解释是Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态.而jq的解释是事件处理(事件对象.目标元素的获取,事件对象的属性.方法等)在不同浏览器之间存在差异,jQuery在遵循W3C规范的情况下做了封装统一. 你的网页需要兼容不同的浏览器,除了样式的不同外,更致命的就是事件对象的差异.使用console.log(e),你就可以看到相关的参数.虽然jq已经对兼容进行过封装,但是我还是想进行了解,所以…
因为原生的event对象,在不同浏览器下,有不同的属性和方法,因此需要用jQuery进行兼容. jQuery在这里分两步走,首先创建一个伪事件类jQuery.Event(jQuery里面自定义的事件类),这个事件类会统一处理事件对象的兼容性问题,比如:stopPropagation,preventDefault方法.然后通过jQuery.event.fix方法,针对不同的事件类型修复特定的属性.比如:mousewheel,keydown等事件类型. jQuery.Event = function…