JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jQuery中多个元素的Hover事件解决方案

2017年02月06日 12 阅读

1.需求简介 jQuery的hover事件只是针对单个HTML元素，例如：复制代码代码如下: $（"#login"）.hover（fun2, fun2）; 当鼠标进入#login元素时调用fun1函数，离开时则调用fun2函数，这种API已能够满足绝大部分需求。不过，有些时候我们希望当鼠标进入两个或多个元素时触发fun1，离开他们时触发fun2，而在这些元素间移动鼠标并不触发任何事件。例如两个元素紧挨着的HTML元素，如下图：当鼠标进入二者的区域...

js动态往表格的td中添加图片并注册事件

2017年02月06日 14 阅读

这回的小case如题，额外还有一个，当点击图片时响应事件。代码如下：复制代码代码如下: <script type="text/javascript"> function onloadEvent（）{ var _td = document.getElementById（"a1"）; var _img = document.createElement（"img"）; _img.setAttribute（"id", "floatImage"）; ...

jquery 新建的元素事件绑定问题解决方案

2017年02月06日 12 阅读

js的事件监听跟css不一样，css只要设定好了样式，不论是原来就有的还是新添加的，都有一样的表现。而事件监听不是，你必须给每一个元素单独绑定事件。常见的例子是处理表格的时候。每行行末有个删除按钮，点了这个能够删除这一行。复制代码代码如下: <table> <tbody> <tr> <td>这行原来就有</td> <td><buttonclass="del">删除&l...

JSP中使用JavaScript动态插入删除输入框实现代码

2017年02月06日 13 阅读

JavaScript代码：复制代码代码如下: <script language="javascript"> function addrows（）{ var len = optionlist.rows.length; //得到table的行数 var obj = optionlist.insertRow（len）;//在最后一行插入 /**插入第一列**/ obj.insertCell（0）; obj.cells（0）.innerHTML="...

可编辑下拉框的2种实现方式

2017年02月06日 12 阅读

可编辑下拉框-HTML 复制代码代码如下: <div style="position:relative;"> <select style="width:120px;" onchange="document.getElementById（"input"）.value=this.value"> <option value="A类">A类</option> <option value="B类">B类&...

js数组中如何随机取出一个值

2017年02月06日 12 阅读

复制代码代码如下: <html> <boby> </body> <script language="javascript"> window.onload = function（）{ var arr = ["太阳光大、父母恩大、君子量大、小人气大","成功是优点的发挥，失败是缺点的累积","不要小看自己，因为人有无限的可能", "口说好话、心想好意、身行好事","原谅别人就是善待自己","手心向下是助人，手心...

改变状态栏文字的js代码

2017年02月06日 12 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content...

JS判断移动端访问设备并加载对应CSS样式

2017年02月06日 12 阅读

JS判断不同web访问环境，主要针对移动设备，提供相对应的解析方案（判断设备代码直接copy腾讯网的）复制代码代码如下: // 判断是否为移动端运行环境 if（/AppleWebKit.*Mobile/i.test（navigator.userAgent） || （/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nok...

jquery实现倒计时代码分享

2017年02月06日 12 阅读

html部分复制代码代码如下:<span class="time_wrap" value="1397145180" style="line-height:200%;"></span>js部分复制代码代码如下:<script type="text/javascript"> $（document）.ready（function（）{ setInterval（function（）{ $（".time_wrap"）.e...

Ext修改GridPanel数据和字体颜色、css属性等

2017年02月06日 13 阅读

Ext修改GridPanel数据和字体颜色等，不是单指EditGridPanel 首先获取选中的行（当然也可以获取单元格）：复制代码代码如下: var selectedRow = grid.getSelectionModel（）.getSelected（）; 修改设置：复制代码代码如下: selectedRow.set（"key","value"）; 修改背景色，首先获取行号，然后获取行的view对象：复制代码代码如下: var selec...

zeroclipboard 单个复制按钮和多个复制按钮的实现方法

2017年02月06日 12 阅读

zeroclipboard是一个跨浏览器的库类它利用 Flash 进行复制，所以只要浏览器装有 Flash 就可以运行，而且比 IE 的 document.execCommand（"Copy"）更加灵活。zeroclipboard下载地址：http://www.jb51.net/jiaoben/24961.htmlzeroclipboard实现多浏览器复制到粘贴板功能（单个复制按钮和多个复制按钮）为了更好的用户体验，现在很多网站中文本框的内容只需要点...

jQuery Migrate 1.1.0 Released 注意事项

2017年02月06日 14 阅读

当开发者需要在代码中使用新版本的jQuery时，可以在1.9或2.0版本中使用该插件来检测哪些功能已经弃用或移除，并可以在必要时恢复这些功能。更多信息见项目README jQuery Migrate 1.1在之前版本的基础上，进行了一些改进，包括： •支持console.trace（）来跟踪警告信息，更易于诊断错误。 •对于无效JSON，会返回警告信息。 •提示“Logging is active”信息，以表明插件正在运...

使用jQuery判断IE浏览器版本的代码

2017年02月06日 12 阅读

IE还真是让设计师恨的牙痒痒的东西，且现在已经有IE6、IE7、IE8、IE9、IE10这个五种不同版本的浏览器，且都有一点小差异。但是没办法，为了让网页在每个浏览器中显示都一样还必须迁就它。不过现在我基本上都不太愿意对低版本的IE去做兼容了。比如IE6、IE7这些直接忽略！IE8的话还凑合一下。好在IE9和IE10对网络标准支持都比较了，等IE9版本以上的浏览器普及以后就好很好了。但是不做兼容归不做兼容，还是要简单的处理一下的。幸运的是 jQuery 提...

解决自定义$（id）的方法与jquery选择器$冲突的问题

2017年02月06日 12 阅读

一般就是改自己的函数名：比较省事也简单，直接批量替换就可以了。先上代码：复制代码代码如下:var $= function （id） { return "string" == typeof id ？ document.getElementById（id） : id; }; 这段代码是模仿jquery自定义id选择器的方法，但是因为jquery选择器也是用的这个“$”,如果你引用jquery并且使用这个方法，那么页面就会报错，解决大办法就是修改自己的方法把"...

jQuery $.extend（）用法总结

2017年02月06日 12 阅读

jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend（object）; jQuery.extend（object）; jQuery.extend（object）;为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend（object）;给jQuery对象添加方法。这个应该很好理解吧。举个例子。复制代码代码如下: <span style="font-size:18px;"><html&g...

Javascript实现简单二级下拉菜单实例

2017年02月06日 12 阅读

复制代码代码如下: <span style="font-size:14px;"><！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <h...

jQuery 过滤方法filter（）选择具有特殊属性的元素

2017年02月06日 11 阅读

现在有这样一种需求,需要选出所有有背景图片的元素. 这个问题有点棘手.我们无法使用选择表达式来完成这个问题了. 使用jQuery的DOM过滤方法filter（）,可以根据函数中表达的任何条件选择元素. jQuery中的过滤器方法允许传递一个字符串（也就是选择器表达式）作为参数. 或者传递的是一个函数.它的返回值将定义某个元素是否被选中. 传递的函数将对当前选择集中的每个元素运行. 当函数返回假时,对应的函数就从选择集中被删除掉.每当返回值为真的时候,对应的...

jQuery实现table隔行换色和鼠标经过变色的两种方法

2017年02月06日 12 阅读

一、隔行换色复制代码代码如下: $（"tr:odd"）.css（"background-color","#eeeeee"）; $（"tr:even"）.css（"background-color","#ffffff"）; 或者一行搞定：复制代码代码如下: $（"table tr:nth-child（odd）"）.css（"background-color","#eeeeee"）; :nth-child 匹配其父元素下的第N个子或奇偶元素二、鼠...

jquery 实现input输入什么div图层显示什么

2017年02月06日 12 阅读

复制代码代码如下: <html> <meta charset="utf-8" /> <style > .ppp{ width:600px; height:300px; background-color:pink; } </style> <input type="text" id="ttt" name="" value="" maxlength="" placeholder="" /> <b...

jQuery获取动态生成的元素示例

2017年02月06日 12 阅读

需求描述：页面上可以动态添加数据,比如table,点击按钮可以动态添加行。又或页面加载时table数据是通过ajax从后台获取的。而这时我们想要获取其中的某个值,又该如何获取呢？如果是要通过某个事件来获取的比如click,mouseover等等,则可以使用live（）方法复制代码代码如下: $（".button"）.live（"click",function（）{ console.info（$（"#mytd"）.html（））; }）而如果不是...

首页 / 脚本样式 / JavaScript

jQuery中多个元素的Hover事件解决方案

js动态往表格的td中添加图片并注册事件

jquery 新建的元素事件绑定问题解决方案

JSP中使用JavaScript动态插入删除输入框实现代码

可编辑下拉框的2种实现方式

js数组中如何随机取出一个值

改变状态栏文字的js代码

JS判断移动端访问设备并加载对应CSS样式

jquery实现倒计时代码分享

Ext修改GridPanel数据和字体颜色、css属性等

zeroclipboard 单个复制按钮和多个复制按钮的实现方法

jQuery Migrate 1.1.0 Released 注意事项

使用jQuery判断IE浏览器版本的代码

解决自定义$（id）的方法与jquery选择器$冲突的问题

jQuery $.extend（）用法总结

Javascript实现简单二级下拉菜单实例

jQuery 过滤方法filter（）选择具有特殊属性的元素

jQuery实现table隔行换色和鼠标经过变色的两种方法

jquery 实现input输入什么div图层显示什么

jQuery获取动态生成的元素示例