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

浅谈 jQuery 事件源码定位问题

2017年02月06日 12 阅读

昨天群里有人问了个事件源码定位的问题，简单描述下是这样的。在一个不是自己写的页面上，如何快速定位到他绑定的事件代码在哪？（页面用的是jQuery）这个问题，说难不难，说简单也没那么简单，万一用的是委托之类也会麻烦点。在 chrome 的控制台里有个 Event Listeners，这里会显示你所选择元素的事件，如果是原生事件，他会直接显示，你点击一下事件就会跳到对应代码里了，可是 jQuery 绑定的事件却不是这样的，你点击后只会跳到 jQuery 源码里...

对 jQuery 中 data 方法的误解分析

2017年02月06日 13 阅读

今天谢亮兄弟和我讨论一个东西的时候，谈到了性能，他用的是 attr 操作自定义属性 data-uid，我说用 data 好，因为是 dataset 实现，然后他去翻了下 jQuery 源码和我说，没有发现这个东西，我就纳闷了。于是我去仔细读了下 data 方法的源码，才发现我一直误会了，再此，向之前问我 data 方法的群友道歉，我 "骗" 了你们，你们来打我吧。今天我就重新解释下 data 方法，先看下 jQuery 1.11.0 的手册里肿么说的吧...

jQuery控制TR显示隐藏的几种方法

2017年02月06日 13 阅读

网上有很多，这里介绍三种：第一种方法，就是使用id，这个方法可以在生成html的时候动态设置tr的id，也是用得最多最简单的一种，如下：这行不隐藏这行要隐藏这行要隐藏那么控制显隐可以直接使用for（var i = 1; i < tr_len; i++）{ //tr_len是要控制的tr个数 $（"#tr_"+i）.hide（）;} 第二种方法，是使用$.each（），这个方法需要设置table的id，如下：这行不隐藏这行要隐藏这行要隐藏那么控制...

input标签内容改变的触发事件介绍

2017年02月06日 13 阅读

1. onchange事件与onpropertychange事件的区别：onchange事件在内容改变（两次内容有可能相等）且失去焦点时触发；onpropertychange事件是实时触发，每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件是IE专有。2. oninput事件与onpropertychange事件的区别：oninput事件是IE之外的大多数浏览器支持的事件，在value改变时实时触发，但是通过js改变value时不会触发；...

在JavaScript中判断整型的N种方法示例介绍

2017年02月06日 14 阅读

整数类型（Integer）在JavaScript经常会导致一些奇怪的问题。在ECMAScript的规范中，他们只存在于概念中：所有的数字都是浮点数，并且整数只是没有一组没有小数的数字。在这篇博客中，我会解释如何去检查某个值是否为整型。ECMAScript 5在ES5中有很多方法你可以使用。有时侯，你可能想用自己的方法：一个isInteger（x）的函数，如果是整型返回true，否则返回false.让我们看看一些例子。通过余数检查你可以使用余数运算（%），将...

jquery+css3打造一款ajax分页插件（自写）

2017年02月06日 15 阅读

最近公司的项目将好多分页改成了ajax的前台分页以前写的分页插件就不好用了，遂重写一个支持IE6+，但没有动画效果如果没有硬需求，个人认为没必要多写js让动画在这些浏览器中实现css3的动画本来就是帮我们取代js中这部分动画代码的使js更纯粹地去实现逻辑效果图如下：调用代码如下：包括常用的加载失败重试，参数可配置是否能手动输入页码，设置按钮数目，可以调用多个page等等，调用代码很简便<script type="text/javascript">...

js调试系列断点与动态调试[基础篇]

2017年02月06日 12 阅读

上几篇文章已经为大家介绍了js调试系列的一些基础知识，这次乱码兄弟为大家带来了js断点与动态调试方法，需要的朋友可以参考下昨天留的课后练习 1. 分析 votePost 函数是如何实现推荐的。其实我们已经看到了源码，只要读下源码即可知道他是怎么实现的了。function votePost（n, t, i） {i || （i = ！1）;var r = { blogApp: currentBlogApp, postId: n, voteType: t, ...

java和javascript获取word文档的书签位置对比

2017年02月06日 14 阅读

1.javascript:把IE浏览器的activex都打开，使用如下网页，可以看到书签顺序和位置：<html><head><script>var word;word = new ActiveXObject（"Word.Application"）;var range = word.Range;word.Visible = true;var path = "D:\xxx\xxx\xx.doc";word.Documents...

javascript使用正则控制input输入框允许输入的值方法大全

2017年02月06日 16 阅读

1、只允许输入数字<input name="username" type="text" onkeyup="value=this.value.replace（/D+/g,""）">2、只允许输入英文字母、数字和下划线（以下二种方法实现）<input name="username" type="text" style="ime-mode:disabled"><input name="username" type="text" on...

Nodejs sublime text 3安装与配置

2017年02月06日 15 阅读

1）下载sublime并安装,下载列表：http://www.jb51.net/softs/132432.html2）下载sublime的nodejs插件，需是集成Nodejs插件到sublime中，下载地址：https://github.com/tanepiper/SublimeText-Nodejs3）解压zip文件，并重命名文件夹“Nodejs”4）打开sublime，操作"preference" --> "Browse packag...

jQuery常用操作方法及常用函数总结

2017年02月06日 12 阅读

一篇 jQuery 常用方法及函数的文章留存备忘。jQuery 常见操作实现方式$（"标签名"） //取html元素 document.getElementsByTagName（""）$（"#ID"） //取单个控件document.getElementById（""）$（"div #ID"） //取某个控件中控件$（"#ID #ID"） // 通过控件ID取其中的控件$（"标签.class样式名"） //通过class来取控件$（"#ID"）.val（...

图片放大镜jquery.jqzoom.js使用实例附放大镜图标

2017年02月06日 12 阅读

1. jquery.jqzoom.js//**************************************************************// jQZoom allows you to realize a small magnifier window,close// to the image or images on your web page easily.//// jqZoom version 2.2// Author Do...

对之前写的jquery分页做下升级

2017年02月06日 12 阅读

以前写的分页用了好久了，但是分页时除了传页面外有时还要传一些其它参数，以前操作时要把传的参数放到隐藏hidden中，分页时在取出来，这样比较麻烦，今天无事，重新包装了一下直接上代码吧css用了bootstrap中分页的样式.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span {border-bottom-left-radius: 6px;...

$（document）.ready（function（） {}）不执行初始化脚本

2017年02月06日 14 阅读

今天发现一个页面始终不执行初始化脚本，代码如下：<script type="text/javascript" src="Script/jquery-1.11.1.min.js" /><script type="text/javascript">$（document）.ready（function（） {alert（1）;}）;</script>后来发现问题仅仅是因为引用JQuery的时候闭合写法问题，只需要修改闭合方法，...

javascript 控制input只允许输入的各种指定内容

2017年02月06日 16 阅读

1、只允许输入数字<input name="username" type="text"onkeyup="value=this.value.replace（/D+/g,""）">2、只允许输入英文字母、数字和下划线（以下二种方法实现）<input name="username" type="text"style="ime-mode:disabled"><input name="username" type="text"onkey...

confirm的用法示例用于按钮操作时确定是否执行

2017年02月06日 12 阅读

jquery获取html元素的绝对位置和相对位置的方法

2017年02月06日 13 阅读

绝对位置坐标：复制代码代码如下:$（"#elem"）.offset（）.top$（"#elem"）.offset（）.left相对父元素的位置坐标：复制代码代码如下:$（"#elem"）.position（）.top$（"#elem"）.position（）.left另：static（默认）:默认定位方式。relative（相对定位）:在static的基础上，相对元素本来的位置变化，通过设定top,bottom,left,right实现。absolut...

JQuery获取与设置HTML元素的内容或文本的实现代码

2017年02月06日 12 阅读

先来看看演示效果：欢迎访问脚本之家PHP教程脚本之家PHP教程简单易懂的JavaScript魔法简单易懂的JQuery魔法 $（function（）{$（"#btn_1"）.click（function（）{alert（ $（".nm_p"）.html（））;}）;$（"#btn_2"）.click（function（）{alert（ $（".nm_p"）.text（））;}）;$（"#btn_3"）.click（function（）{$（".nm_p...

jquery弹窗插件colorbox绑定动态生成元素的方法

2017年02月06日 13 阅读

colorbox是jquery一个非常好用的弹窗插件，功能十分丰富，使用体验也很好。colorbox官网：http://www.jacklmoore.com/colorbox/刚才在是用colorbox的时候遇到了一个问题，这个问题以前没有注意过。以前我都是讲这个插件使用在静态HTML元素中的，今天为动态生成的元素绑定的时候发现不能用了。常规的用法是这样的：复制代码代码如下:<a class="test" href="test.jpg" title...

jquery操作checked属性以及disabled属性的多种方法

2017年02月06日 14 阅读

下边两种写法没有任何区别只是少了些代码而已...复制代码代码如下:<input id="cb1" type="checkbox" checked /><input id="cb2" type="checkbox" checked="checked" />jquery判断checked的三种方法:复制代码代码如下:.attr（"checked"）: //看版本1.6+返回:"checked"或"undefined" ;1.5-返...

首页 / 脚本样式 / JavaScript

浅谈 jQuery 事件源码定位问题

对 jQuery 中 data 方法的误解分析

jQuery控制TR显示隐藏的几种方法

input标签内容改变的触发事件介绍

在JavaScript中判断整型的N种方法示例介绍

jquery+css3打造一款ajax分页插件（自写）

js调试系列 断点与动态调试[基础篇]

java和javascript获取word文档的书签位置对比

javascript使用正则控制input输入框允许输入的值方法大全

Nodejs sublime text 3安装与配置

jQuery常用操作方法及常用函数总结

图片放大镜jquery.jqzoom.js使用实例附放大镜图标

对之前写的jquery分页做下升级

$（document）.ready（function（） {}）不执行初始化脚本

javascript 控制input只允许输入的各种指定内容

confirm的用法示例用于按钮操作时确定是否执行

jquery获取html元素的绝对位置和相对位置的方法

JQuery获取与设置HTML元素的内容或文本的实现代码

jquery弹窗插件colorbox绑定动态生成元素的方法

jquery操作checked属性以及disabled属性的多种方法

js调试系列断点与动态调试[基础篇]