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

JQuery对表格进行操作的常用技巧总结

2016年07月27日 9 阅读

1、表格奇数行和偶数行分别添加样式复制代码代码如下: $（function（）{ $（"tr:odd"）.addClass（"odd"）; $（"tr:even"）.addClass（"even"）; }）; 不算表的头部复制代码代码如下: $（function（）{ $（"tbody>tr:odd"）.addClass（"odd"）; $（"tbody>tr:even"）.addClass（"even"）; }）; 2、单选框控制...

JQuery下拉框应用示例介绍

2016年07月27日 9 阅读

实现两个下拉框数据移动，追加复制代码代码如下: $（"#add"）.click（function（）{ var $options = $（"#select1 option:selected"）; //获取选中的项 var $remove = $options.remove（）; $remove.appenTo（"#select2"）; }）; 简化如下复制代码代码如下: $（"#add"）.click（function（）{ var $optio...

JQuery为页面Dom元素绑定事件及解除绑定方法

2016年07月27日 9 阅读

1、绑定事件复制代码代码如下: $（"#id"）.bind（"click",function（）{ ... }）可一次性绑定多个事件复制代码代码如下: $（"#id"）.bind（"click mouseover mouseout",function（）{ ... }） 2、解除绑定复制代码代码如下: $（"#id"）.unbind（"click"） 3、绑定一次复制代码代码如下: $（"#id"）.one（"click",func...

Jquery实现Div上下移动示例

2016年07月27日 9 阅读

复制代码代码如下: $（this）.ready（function（） { $（".up"）.each（function（） { $（this）.click（function（） { var $tr = $（this）.parents（"li"）; if （$tr.index（）！= 0） { $tr.prev（）.before（$tr）; } }）; }）; var trLength = $（".down"）.length; $（".down"）.ea...

js Dialog 去掉右上角的X关闭功能

2016年07月27日 11 阅读

再用到 dialog弹出框时，不想要右上角的X 关闭功能，只是做个提示信息显示。在网上找了一些资料。网上找了三种解决方案：【第一种是可用的。】 1、复制代码代码如下: $（"#div1"）.dialog（{ closeOnEscape:false, open:function（event,ui）{$（".ui-dialog-titlebar-close"）.hide（）;} }）; 不希望用户通过jquery dialog 提供的x按钮关闭弹出框，...

js通过更改按钮的显示样式实现按钮的滑动效果

2016年07月27日 9 阅读

通过更改按钮的显示样式，来实现按钮动态滑动复制代码代码如下: <！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> <me...

jquery map方法使用示例

2016年07月27日 9 阅读

jQuery.map（ array, callback（elementOfArray, indexInArray）） Returns: Array 感觉jquery的map方法非常好用，特向大家分享下。方法作用：将数组或单个对象，替换为新的内容。应用实例：获取一组checkbox的值，以英文逗号分隔，进行拼接。复制代码代码如下: <html> <head> <script type="text/javascript"...

jquery 自定义容器下雨效果可将下雨图标改为其他

2016年07月27日 10 阅读

css样式复制代码代码如下: <style type="text/css"> .box{border-left:5px solid #F93;border-right:5px solid #F93;border-bottom:10px solid #F93;width:100px;height:60px; position:absolute;top:250px;left:300px;z-index:999; overflow:hidden;...

javascript模拟订火车票和退票示例

2016年07月27日 9 阅读

之前看到有人分析12306后台的逻辑。。火车票的预定和退订不同于普通的购物。一个难题就是火车票可以分站来卖。比如，一张北京到上海的火车票，沿途可以有很多站，可以北京-济南，济南-南京...等等。如何设计数据模型来存取这些票是一个问题。而不是简单的数量+-1.其中看到一条思路挺好：用二进制字符串来表示一张火车票，比如，北京到上海共10站，那么一张全程票初始状态表示为："1111111111"；卖出一张全程票，则该票变为"0000000000";卖出一张半程票...

js检测浏览器版本、核心、是否移动端示例

2016年07月27日 9 阅读

检测浏览器版本、核心、系统和是否移动端复制代码代码如下:/*** check browser version* @authors K* @date 2014-04-11 14:48:39* @version 1*//*** detect browser info with navigator userAgent* @return object browser info*/var browser = （function（）{ var userAgent =...

编写高效jQuery代码的4个原则和5个技巧

2016年07月27日 9 阅读

jQuery的编写原则：一、不要过度使用jQuery1. jQuery速度再快，也无法与原生的javascript方法相比，而且建立的jQuery对象包含的信息量很庞大。所以有原生方法可以使用的场合，尽量避免使用jQuery。复制代码代码如下:$（"a"）.click（function（）{ alert（$（this）.attr（"id"））;}）;//改良后↓$（"a"）.click（function（）{ alert（this.id）;}）;2. 许...

from表单多个按钮提交用onclick跳转不同action

2016年07月27日 10 阅读

复制代码代码如下: <form name="form1" method="post" action="ad/BusinessAction！list.action"> //下面input框提交的action不同，用onclick跳转，写一个js方法 <input type="button" class="mulButton" name="Ids" id="allcheck" onclick="manySend（"ad/BusinessAc...

js 动态为textbox添加下拉框数据源的方法

2016年07月27日 10 阅读

复制代码代码如下: $（"#<%=lstCarBrand.ClientID%>"）.change（function （） { $（"#<%=txtCarSeries.ClientID%>"）.val（""）;//清除文本框 $（"#<%=txtCarSeries.ClientID%>"）.unautocomplete（）;//清除autocomplete $（"#<%=txtCarSeries.ClientID%...

IE中的File域无法清空使用jQuery重设File域

2016年07月27日 9 阅读

有时候在做文件上传的时候会遇到一种情况就是需要重置整个表单，但是问题来了，其他浏览器都没啥问难题，直接reset form或者是触发type为reset的button的click事件就OK了，但是IE却奇葩了，IE中的File域无法清空，可能你看到的是已经没有值了，但是你可以打印出来看看就知道了：复制代码代码如下: var fileVal = $（"input[type="file"]"）.val（）; alert（fileVal）; 打印出来的还是...

jquery 扑捉回车键事件代码

2016年07月27日 9 阅读

复制代码代码如下: <script language="JavaScript" type="text/javascript"> $（"form"）.keydown（function（event）{ if（event.keyCode==13）{ document.getElementById（"ctl00"）.submit（）; } }）; </script> ...

js如何判断用户是在PC端和还是移动端访问

2016年07月27日 9 阅读

最近一直在忙我们团队的项目“咖啡之翼”，在这个项目中，我们为移动平台提供了一个优秀的体验。伴随Android平台的红火发展。不仅带动国内智能手机行业，而且许多国内开发者也开始投身于Android移动终端的大浪潮中。如果很多互联网大浪潮你错过了。那么这个Android浪潮你绝对不能错过。目前我们为“咖啡之翼”已经开发了移动终端以及安卓客户端，大家使用Android或者IOS操作系统的手机，直接访问域名www.sygxy.cn即可观看移动终端效果。同时Andr...

原生javascript模仿win8等待提示圆圈进度条

2016年07月27日 12 阅读

一、序言一直很中意win8等待提示圆圈进度条。win8刚出来那会，感觉好神奇！苦于当时没思路，没去研究。通过最近网上找找资料，终于给搞出来了！先上Demo,献丑了！预览请看：win8进度条。二、简单介绍原生javascript编写，需要理解js基于面向对象编程和圆形坐标计算！实现原理：把每个圆点抽象成一个对象（ProgressBarWin8类型），将每个圆点对象存在数组中（progressArray），延迟执行每个圆点对象的run方法，至于圆点运行...

JS对img标签进行优化使用onerror显示默认图像

2016年07月27日 9 阅读

对于网站图像的不显示有很多原因，网络问题，文件本身问题，文件ＵＲＬ问题等，而当图像加载失败时会触发onerror这个事件，我们利用这点，可以有效的避免图像加载失败的尴尬！ js代码复制代码代码如下: //图像加载出错时的处理 function errorImg（img） { img.src = "http://static.xuexiba.com/uploadfile//UserInfo/Avatar/201403/130399239338583287...

标题过长使用javascript按字节截取字符串

2016年07月27日 9 阅读

做为一个前端开发人员在网页展示中经常会碰到，标题过长，需要截取字符串，用CSS的实现的话各种兼容问题，各种坑。让后台程序截一下，又各种推托，让后台按字节截一下更是和要了后台老命一样，最后可能只会安字符长度给你截一下，最后不好看，对不齐，还是回头整CSS、调兼容；有以上有感触的前端同学默默点个赞吧。最近接触一个项目，后台只提供接口（json），所有页面的数据渲染，数据绑定都都交给了前端。终于，不考虑SEO，页面所有的主动权到偶的手中了，不经意间就碰到字...

用unescape反编码得出汉字示例

2016年07月27日 10 阅读

复制代码代码如下: var p="",s="4e00"; for（ var i=0;i<255;i++）{ p+=unescape（（"\u"+s）.replace（/\u/gi, "%u"））; s=（parseInt（s,16）+1）.toString（16）; } ...

首页 / 脚本样式 / JavaScript

JQuery对表格进行操作的常用技巧总结

JQuery下拉框应用示例介绍

JQuery为页面Dom元素绑定事件及解除绑定方法

Jquery实现Div上下移动示例

js Dialog 去掉右上角的X关闭功能

js通过更改按钮的显示样式实现按钮的滑动效果

jquery map方法使用示例

jquery 自定义容器下雨效果可将下雨图标改为其他

javascript模拟订火车票和退票示例

js检测浏览器版本、核心、是否移动端示例

编写高效jQuery代码的4个原则和5个技巧

from表单多个按钮提交用onclick跳转不同action

js 动态为textbox添加下拉框数据源的方法

IE中的File域无法清空使用jQuery重设File域

jquery 扑捉回车键事件代码

js如何判断用户是在PC端和还是移动端访问

原生javascript模仿win8等待提示圆圈进度条

JS对img标签进行优化使用onerror显示默认图像

标题过长使用javascript按字节截取字符串

用unescape反编码得出汉字示例