0

点赞

0

回复

701

浏览

JavaScript框架jQuery入门

JQUERY入门 jQuery http://jquery.com/ 是一个快速简单的JavaScript工具库,为快速开发提供了DOM遍历、事件处理、动画、AJAX交互几个方面的工具。jQuery会改变你写JavaScript的方式。 先来看看jQuery用起来是怎样的: // 给拥有continue类的 元素设置文本为:Next Step......

jqueryjavascript

0

点赞

0

回复

761

浏览

jQuery社会化分享:支持微信、微博、Github

一个既美观有支持微信的社会化分享工具: harttle/social share https://github.com/harttle/social share 。 支持微信(二维码)、微博、Github、Google+、LinkedIn、Twitter、Facebook、RSS..., 支持四种大小设置。 在线Demo: http://harttle.com/social share/ http://harttle.com/social share/ 文档: https://github.com/harttle/social share https://github.com/harttle/social share 最近在 天码营 http://tianmaying.com/ 和本博客中添加社会化分享,调研和尝试了不少第三方工具。 国内最方便的应当是 jiathis http://www.jiathis.com/ ,然而并不美观。国外的工具基本都没有微信(二维码)的支持。 于是诞生了 harttle/social share https://github.com/harttle/social share 。 效果图 第三方依赖 harttle/social share https://github.com/harttle/social share 依赖于 Fontawesome http://fontawesome.io/ 和 jQuery http://jquery.com/ , 需要先引入这两个第三方库: ...

javascriptjquery

0

点赞

0

回复

931

浏览

jQuery事件:bind、delegate、on的区别

最近在 AngularJS http://harttle.com/2015/05/31/angular scope initialize.html 的开发中,遇到一个神奇的事情:我们用到 livebox http://lokeshdhakar.com/projects/lightbox2/ 来预览评论列表中的图片, 然而评论列表是由Angular Resource动态载入的。不可思议的是,点击这些动态载入的图片仍然会触发lightbox的图片预览。 难道lightbox使用先进的 MutationObserver https://developer.mozilla.org/en US/docs/Web/API/MutationObserver 技术监听了DOM的变化?观察 lightbox源码 https://github.com/lokesh/lightbox2/blob/master/src/js/lightbox.js 才发现,原来只是jQuery的 .on() 方法: $('body').on('click', 'a rel^=lightbox , ...', function(event){});...

事件jqueryjavascript

0

点赞

0

回复

722

浏览

DOM Level 2 Event与jQuery源码:捕获与冒泡

本文中的JavaScript事件是指:在浏览器中,DOM标准提供的JavaScript事件集与接口集。 在项目开发中通常会使用类似jQuery的工具来绑定事件处理函数, 也可以设置捕获,或者中断事件流,正如这篇文章锁讨论的: jQuery事件:bind、delegate、on的行为与性能 http://harttle.com/2015/06/26/jquery event.html 。 本文来讨论 DOM标准 http://www.w3.org/TR/DOM Level 2 Events/events.html 中是如何规定这些JavaScript事件的,以及jQuery源码中DOM事件的实现方式。 JAVASCRIPT 事件 首先我们来回顾一下DOM事件的行为,事件从发生开始经历了三个阶段: 1. 捕捉阶段(capture phase):从最上层元素,直到最下层(你点击的那个target)元素。路过的所有节点都可以捕捉到该事件。 2. 命中阶段(target phase):如果该事件成功到达了target元素,它会进行事件处理。 3. 冒泡阶段(bubbling phase):事件从最下层向上传递,依次触发父元素的该事件处理函数。 如何中断事件传播,以及禁止事件发生时的浏览器默认行为,参考: jQuery事件:bind、delegate、on的行为与性能 http://harttle.com/2015/06/26/jquery event.html 图片来源: http://www.w3.org/TR/DOM Level 3 Events/ dom event architecture http://www.w3.org/TR/DOM Level 3 Events/ dom event architecture DOM标准中,定义了一系列的JavaScript事件,以及事件接口。其中,DOM Level 0 Event提供了类似 onclick 的属性来支持事件, DOM Level 2 Event提供了 addEventListener , removeEventListener , dispatchEvent ,还有IE ...

jquerydomeventjavascript

0

点赞

0

回复

701

浏览

jQuery中$()函数的用法

jQuery http://api.jquery.com/ 想必是当前前端开发中必不可少的组件。它提供了DOM对象的封装、统一的事件机制、以及一系列的工具函数。 由于面试中突然被问及jQuery中 $() 有几种用法,瞬间有点懵并未答全。 虽说这样的问法颇似孔乙己问“茴香豆的茴有几种写法?”,但还是借此机会来整理知识,伺机学习一把! 首先我们需要引入jQuery,如果你还没有听过jQuery,请移步其他文章或者在你的网站中引入这个: ...

javascriptdomjquery事件

新建主题 记录代码

学员动态

  • w**3回复了z**x在课程中的问题:length是获取数...
  • 1**8向课程作业中提交了代码
  • c**h向课程作业中提交了代码
  • B**e在课程中提出了问题:成员变量是不是就相当...
  • m**2向课程作业中提交了代码
  • 三年向课程作业中提交了代码
  • w**3回复了z**5在课程中的问题:你是创建了什么别的文...
  • w**3回复了z**x在课程中的问题:怎么说呢,数组本身也...
  • w**3评论了c**h在课程中的作业:public sta...
  • z**x在课程中提出了问题:老师能给我讲解下绿框...
  • d**g评论了:四个整形变量...
  • w**3回复了z**x在课程中的问题:两个其实是不一样的变...
  • w**3评论了s**1在课程中的作业:public voi...
  • 刘澳学向课程作业中提交了代码
  • z**x在课程中提出了问题:我是看《java从入...
  • w**n向课程作业中提交了代码
  • z**x在课程中提出了问题:API是什么啊? 碰...
  • w**3回复了s**1在课程中的问题:好的,稍等。 老师,...
  • B**e向课程作业中提交了代码
  • c**h向课程作业中提交了代码
  • 天码君回复了s**1在课程中的问题:欢迎来到天码营学习,...
  • c**1向课程作业中提交了代码
  • 1**8向课程作业中提交了代码
  • 刘澳学向课程作业中提交了代码
  • w**3回复了z**x在课程中的问题:这是for-each...
  • k**y在课程中提出了问题:老师。实战任务怎么没...
  • 5**3向课程作业中提交了代码
  • w**3评论了k**y在课程中的作业:post类里面还要俺...
  • z**x在课程中提出了问题:老师我还想问下冒泡排...
  • s**1在课程作业中回复了老师:按照答案改完还是检测...
  • 三年在课程作业中回复了老师:完善Question...
  • z**5在课程中提出了问题
  • w**3回复了z**x在课程中的问题:请问你是在哪里看到这...
  • 天码君回复了1**6在课程中的问题:欢迎来到天码营学习,...
  • z**x在课程中提出了问题:好的老师,那个例子我...
  • s**1向课程作业中提交了代码
  • s**1向课程作业中提交了代码
  • 刘澳学向课程作业中提交了代码
  • 天码君回复了s**1在课程中的问题:欢迎来到天码营学习,...
  • c**h向课程作业中提交了代码
  • k**y在课程作业中回复了老师:int id;这样就...
  • A**i向课程作业中提交了代码
  • z**x在课程中提出了问题:还有老师,为什么它0...
  • 天码君回复了1**8在课程中的问题:欢迎来到天码营学习,...
  • c**h向课程作业中提交了代码
  • w**3回复了m**2在课程中的问题:public cla...
  • 1**9完成了课程的作业
  • w**3评论了s**1在课程中的作业:next不需要定义在...
  • w**3回复了k**y在课程中的问题:不懂的直接在代码答疑...
  • c**h在课程作业中回复了老师:十分感谢老师指点...
  • d**g在课程中提出了问题:老师,您好, 我对这...
  • 天码君评论了三年在课程中的作业:and和or的优先级...
  • k**y在课程中提出了问题:好的,谢谢老师,通过...
  • s**1向课程作业中提交了代码
  • 天码君评论了s**1在课程中的作业:登录成功的逻辑和Lo...
  • m**2在课程中提出了问题:为什么这个定义的属性...
  • 天码君回复了B**e在课程中的问题:欢迎来到天码营学习,...
  • w**3评论了k**y在课程中的作业:...
  • s**1在课程作业中回复了老师:老师,麻烦再帮我看下...
  • w**3回复了z**x在课程中的问题:API(Applic...
  • w**3回复了z**x在课程中的问题:你对修饰符理解是对的...
  • s**1在课程作业中回复了老师:老师麻烦帮我看下我这...
  • z**x在课程中提出了问题:老师我想问两个问题,...
  • s**1向课程作业中提交了代码
  • m**2在课程中提出了问题:啊 明白了! 谢谢呢...
  • 刘澳学向课程作业中提交了代码
  • w**3评论了k**y在课程中的作业:main方法是一个程...
  • 天码君评论了三年在课程中的作业:你这里条件设置了ta...
  • z**x在课程中提出了问题:好的,理解了 两个其...
  • k**y在课程作业中回复了老师:老师。请问这个这样写...
  • s**1在课程作业中回复了老师:感谢,检测过了,还得...
  • w**3评论了k**y在课程中的作业:调用属性的时候不需要...
  • s**1完成了课程的作业
  • 1**9向课程作业中提交了代码
  • s**1在课程作业中回复了老师:老师麻烦帮我看看,本...
  • k**y在课程作业中回复了老师:老师,正确的是pos...
  • s**1向课程作业中提交了代码
  • c**h在课程作业中回复了老师:老师,您好! 我试了...
  • 天码君回复了s**1在课程中的问题:欢迎来到天码营学习,...
  • w**3评论了c**h在课程中的作业:返回值是string...
  • 刘澳学向课程作业中提交了代码
  • z**5在课程中提出了问题:不知道为什么出现了这...
  • s**1向课程作业中提交了代码
  • x**4向课程作业中提交了代码
  • 5**3向课程作业中提交了代码
  • z**x在课程中提出了问题:老师,入门到精通里说...
  • k**y在课程作业中回复了老师:老师,想问下这一行代...
  • s**1向课程作业中提交了代码
  • 天码君回复了d**g在课程中的问题:欢迎来到天码营学习,...
  • u**i向课程作业中提交了代码
  • w**3评论了s**1在课程中的作业:在这里String ...
  • z**5在课程中提出了问题
  • w**3评论了k**y在课程中的作业:system.out...
  • w**3回复了z**x在课程中的问题:碰到这样的方法,你可...
  • w**3回复了B**e在课程中的问题:成员变量顾名思义就是...
  • 天码君评论了三年在课程中的作业:这里collect的...
  • s**1在课程作业中回复了老师:这块没明白,这个us...
  • c**h向课程作业中提交了代码
  • 天码君回复了5**3在课程中的问题:欢迎来到天码营学习,...
  • s**1在课程中提出了问题:老师,麻烦帮我解锁一...
反馈意见