NO.62 jquery重点

一.jQuery开发中所遇到的对象

1.通过$所获得的是jQuery对象

选择器: $("p")

强转: $(p)

创建对象: $("<标签>内容</标签>")

2.修改数据的方法返回jQuery对象

obj.html("abc")

obj.attr("src","")

3.若查询到的是元素则返回jQuery对象

obj.parent()

obj.next()

4.若读取到的是文本则返回DOM对象

obj.html()

obj.val()

5.万能的判断方式

控制台输出此对象,若是数组则是jQuery对象

代码示例:

1.读写节点

效果

2.增删节点

效果

3.样式操作:

效果

3.jquery写购物车


二.jQuery事件

1.事件概述

1)什么是事件

和js一样

2)事件的分类

和js一样

2.事件定义

1)直接定义

和js一样

2)动态绑定(*)

$(fn)

onload写多次则后者会覆盖前者,而$(fn)写多次都有效.

onload在整个网页加载完触发,而$(fn)是在标签加载完就触发.

bind

obj.bind("click",function(){})

obj.click(function(){})

3)取消事件

和js一样

3.事件对象

1)什么是事件对象

和js一样

2)如何获得事件对象

和js一样

得到的是经过jQuery封装的事件对象

4.事件机制

1)冒泡机制

和js一样

2)如何取消

e.stopPropagation()

3)作用

和js一样

4)事件源

e.target

5.合成事件

hover == onmouseover +onmouseout

toggle(了解)

6.模拟操作(*)

trigger

代码示例:

1.动态绑定事件

效果

2.合成事件

3.模拟操作


效果(正在消失)

4.动画

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

推荐阅读更多精彩内容

  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,586评论 24 450
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,199评论 0 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,367评论 0 2
  • 三毛说,她的梦想是拾破烂“可以呼吸新鲜空气,在大街小巷游玩,一面工作一面游戏,自由快乐的如天上的飞鸟”你的梦想呢?...
    张玉晶阅读 525评论 4 4
  • 在iO10以前的版本越狱机器可以用socat方便的打印出NSLog信息,但在iOS10下由于日志系统发生了改变,以...
    sjjvenu阅读 3,578评论 4 1