Welcome 微信登录

首页 / 脚本样式 / JavaScript

解决jquery中动态新增的元素节点无法触发事件问题的两种方法

解决jquery中动态新增的元素节点无法触发事件问题的两种方法

比如做一个ajax读取留言列表的时候,每条留言后面有个回复按钮,class为“reply”,如果你用的是$(".reply").click(function(){ //do something... }),想必后面通过ajax加载进来的列表中的回复按钮,点击事件会失效。其实最简单的方法就是直接在标签中写onclick="",但是这样写其实是有点low的,最好的方式还是通过给类名绑定一个click事件。解决jquery中动态新增的元素节点无法触发事件的问题有...
JavaScript操作XML/HTML比较常用的对象属性集锦

JavaScript操作XML/HTML比较常用的对象属性集锦

节点对象属性 childNodes—返回节点到子节点的节点列表firstChild—返回节点的首个子节点。 lastChild—返回节点的最后一个子节点。nextSibling—返回节点之后紧跟的同级节点。nodeName—返回节点的名字,根据其类型。 nodeType—返回节点的类型。 nodeValue—设置或返回节点的值,根据其类型。ownerDocument—返回节点的根元素(document对象)。parentNode—返回节点的父节点。prev...
JS实现的简单鼠标跟随DiV层效果完整实例

JS实现的简单鼠标跟随DiV层效果完整实例

本文实例讲述了JS实现的简单鼠标跟随DiV层效果。分享给大家供大家参考,具体如下:这段代码呈现一串跟随鼠标的Div效果,并有拖影特效,随着鼠标快速的晃动,Div层效果会不断的增加,后面的Div会自动消失,不过还有些Bug,期待与大家完善这个JS特效。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-simple-mouse-over-div-codes/具体代码如下:<!DOCTYPE html PU...
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码

JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码

本文实例讲述了JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码。分享给大家供大家参考,具体如下:这是一款JS模拟百度搜索“2012世界末日”网页地震撕裂效果,本效果是模仿用户在百度输入“2012世界末日”后点击搜索后出来的网页效果,网页在震动,像是地震了,而后开始撕裂,然后显示出相关的文字说明,很酷的效果,希望大家可以学习借鉴。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-mn-2012-s...
JS实现的3D拖拽翻页效果代码

JS实现的3D拖拽翻页效果代码

本文实例讲述了JS实现的3D拖拽翻页效果。分享给大家供大家参考,具体如下:以前看到一个很火的帖子,拖拽实现的翻页效果,非常的有创意,自己也很喜欢,于是乎就萌发了用自己的方法模仿的想法。感谢原创作者的创意,结果一样,但过程不一样哦。奉上代码,供大家参考。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-3d-drag-page-style-codes/具体代码如下:<!DOCTYPE html PUBL...
JS实现来回出现文字的状态栏特效代码

JS实现来回出现文字的状态栏特效代码

本文实例讲述了JS实现来回出现文字的状态栏特效代码。分享给大家供大家参考,具体如下:运行这款来回出现文字的状态栏特效时,请注意页面左下角的状态栏。貌似IE8以上版本看不到效果唉。那么究竟是如何实现的呢?主要是用函数来显示消息,根据place的值取当前需显示的字符串,准备在300毫秒后收起显示,将需取的字符串长度计数器加一准备下一次显示;同时使用函数隐藏消息,取Message右边的一定长度的字符串,设定消隐下一个字符的延时。运行效果截图如下:在线演示地址如下...
JS实现的论坛Ajax打分效果完整实例

JS实现的论坛Ajax打分效果完整实例

本文实例讲述了JS实现的论坛Ajax打分效果。分享给大家供大家参考,具体如下:这是论坛常见的一种Ajax打分效果,使用了Discuz老版论坛的就有此种效果,目前有很多网站也有类似的,分享给大家吧,我觉得非常实用的Ajax评分效果,使用了一个背景图片,自己可以下载。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-dicuz-ajax-df-plugs-codes/具体代码如下:<!DOCTYPE ht...
《JavaScript高级编程》学习笔记之object和array引用类型

《JavaScript高级编程》学习笔记之object和array引用类型

本文给大家分享我的javascript高级编程学习笔记之object和array引用类型,涉及到javascript引用类型相关知识,大家一起看看把。1. Object类型 大多数引用类型值都是Object类型的实例;而且Object也是ECMAScript中使用最多的一个类型。 创建Object实例有如下两种方式:new操作符后跟Object构造函数: var person=new Object( ); person.name="webb"; perso...
javascript跨域总结之window.name实现的跨域数据传输

javascript跨域总结之window.name实现的跨域数据传输

自己实践了一下,真的很好用。特将具体实现方法记录如下有三个页面: a.com/app.html:应用页面。 a.com/proxy.html:代理文件,一般是一个没有任何内容的html文件,需要和应用页面在同一域下。 b.com/data.html:应用页面需要获取数据的页面,可称为数据页面。实现起来基本步骤如下: 在应用页面(a.com/app.html)中创建一个iframe,把其src指向数据页面(b.com/data.html)。 数据页面会把数据...
12个超实用的JQuery代码片段

12个超实用的JQuery代码片段

本文收集了12段非常实用的jQuery代码片段,你可以直接复制黏贴到代码里,但请开发者注意了,要理解代码再使用哦。下面就让我们一起来享受jQuery代码的魅力之处吧。1. 导航菜单背景切换效果在项目的前端页面里,相对于其它的导航菜单,激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种,下面是使用JQuery实现的一种方式:<ul id="nav"> <li>导航一</li> <li>导航二</...
JS实现在状态栏显示打字效果完整实例

JS实现在状态栏显示打字效果完整实例

本文实例讲述了JS实现在状态栏显示打字效果。分享给大家供大家参考,具体如下:这里演示JS实现带有打字特效的状态栏,在状态栏显示打字效果的文字,注意,此效果存在浏览器兼容性问题,在IE7或更高的浏览器下貌似不显示效果。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-status-bar-show-txt-print-demo/具体代码如下:<html><head><script...
JS实现网页标题栏显示当前时间和日期的完整代码

JS实现网页标题栏显示当前时间和日期的完整代码

本文实例讲述了JS实现网页标题栏显示当前时间和日期的完整代码。分享给大家供大家参考,具体如下:本效果实现在网页的标题栏最前端显示当前的时间和日期,还可以显示星期几,JS代码,不过代码在兼容性方面好像有些问题,如果是IE的话则正常显示,其它浏览器则看不到效果。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-title-show-date-time-codes/具体代码如下:<html><h...
JS实现超简单的鼠标拖动效果

JS实现超简单的鼠标拖动效果

本文实例讲述了JS实现超简单的鼠标拖动效果。分享给大家供大家参考,具体如下:这里使用尽可能短的JavaScript代码写一个JS拖动,函数本身287个字符。。。如果不是考虑兼容性和变量封装,还可以更短点。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-s-drug-demo/具体代码如下:<title>尽可能短的写一个JS拖动</title><body><div ...
jquery实现网页的页面平滑滚动效果代码

jquery实现网页的页面平滑滚动效果代码

本文实例讲述了jquery实现网页的页面平滑滚动效果代码。分享给大家供大家参考,具体如下:这款网页页面平滑滚动jquery代码,点击链接会让网页平滑滚动到链接对应的位置。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-link-scroll-page-codes/具体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/...
详解jQuery向动态生成的内容添加事件响应jQuery live()方法

详解jQuery向动态生成的内容添加事件响应jQuery live()方法

jQuery live()方法是给所有匹配的元素附加一个事件处理函数,即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效。这个方法可以看做是 .bind() 方法的一个变体。使用 .bind() 时,选择器匹配的元素会附加一个事件处理函数,而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说:<body> <div class="clickme">Click here&...
<< 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 >>