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

关于jQuery新的事件绑定机制on（）的使用技巧

2016年07月27日 5 阅读

今天浏览jQuery的deprecated列表，发现live（）和die（）在里面了，赶紧看了一下，发现从jQuery1.7开始，jQuery引入了全新的事件绑定机制，on（）和off（）两个函数统一处理事件绑定。因为在此之前有bind（）, live（）, delegate（）等方法来处理事件绑定，jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。on（events,[selector],[data],fn...

基于jQuery.Validate验证库知识点的详解

2016年07月27日 5 阅读

1、如果设置了errorContainer、errorLabelContainer、wrapper，则errorPlacement不起作用复制代码代码如下:... $（document）.ready（function（）{ $（"#myform"）.validate（{ errorContainer: "#messageBox1, #messageBox2", errorLabelContainer: "#messageBox1 ul", wrapper...

jQuery.Validate验证库的使用介绍

2016年07月27日 5 阅读

jQuery.Validate验证库1、下载jquery.validate，这里我提供jquery-validation-1.9.0，点击下载默认校验规则复制代码代码如下:（1）required:true 必输字段（2）remote:"check.php" 使用ajax方法调用check.php验证输入值（3）email:true 必须输入正确格式的电子邮件（4）url:true 必须输入正确格式的网址（5）date:true 必须输入正确格式的日期（6...

关于jquery.validate1.9.0前台验证的使用介绍

2016年07月27日 5 阅读

一、利用jquery.form插件提交表单方法使用jquery.validate插件现象：当提交表单时，即使前台未验证通过，也照常提交表单。解决办法：复制代码代码如下:$（"#myForm"）.submit（function（）{ if （！$（this）.valid（）） return false;//加上此句OK $（".error"）.html（""）; $（"#go"）.prop（"disabled",true）; $（this）.ajaxSub...

用JQuery 判断某个属性是否存在hasAttr的解决方法

2016年07月27日 7 阅读

在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class="new" 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $（"input[name=new]"）.hasClass（"new"）即可判断.但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的没有rel属性.这时该怎么判断呢？这时就没有现成的方法了. 如果存在某个属性 $（"#aid"）.attr（"rel"）会返回 rel...

jQuery 遍历- 关于closest（）的方法介绍以及与parents（）的方法区别分析

2016年07月27日 4 阅读

closest（）方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。语法：.closest（selector）参数selector为字符串值，包含匹配元素的选择器表达式。如果给定表示 DOM 元素集合的 jQuery 对象，.closest（）方法允许我们检索 DOM 树中的这些元素以及它们的祖先元素，并用匹配元素构造新的 jQuery 对象。.parents（）和 .closest（）方法类似，它们都沿 DOM 树向上遍历。两...

基于jquery的has（）方法以及与find（）方法以及filter（）方法的区别详解

2016年07月27日 8 阅读

has（selector选择器或DOM元素）将匹配元素集合根据选择器或DOM元素为条件，检索该条件在每个元素的后代中是否存在，将符合条件的的元素构成新的结果集。下面举一个例子：复制代码代码如下:<ul> <li>list item 1</li> <li>list item 2 <ul> <li><div><span>a</span></di...

jQuery 遍历-nextUntil（）方法以及prevUntil（）方法的使用介绍

2016年07月27日 5 阅读

nextUntil（）获得每个元素所有跟随的同胞元素，当有参数时，则直到遇到该方法的参数所匹配的元素时会停止搜索。返回的新 jQuery 对象包含所有跟随的同胞元素，但不包括被选择器、DOM 节点或已传递的 jQuery 对象匹配的元素。如果没有参数，则会选取所有跟随的同胞元素，此时与.nextAll（）方法相同。语法一：复制代码代码如下:.nextUntil（selector,filter）语法二：复制代码代码如下:.nextUntil（elem...

用示例说明filter（）与find（）的用法以及children（）与find（）的区别分析

2016年07月27日 8 阅读

jquery的find（）方法与filter（）方法对于初学者来说容易混淆，在这里对这两个方法通过一个小例子来进行比较和说明。旨在了解这两种方法的区别。html代码复制代码代码如下:<div class="css"> <p class="rain">测试1</p></div><div class="rain"> <p>测试2</p></div>先看看find（...

jquery 关于event.target使用的几点说明介绍

2016年07月27日 6 阅读

event.target说明：引发事件的DOM元素。this和event.target的区别js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；this和event.target的相同点this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$（this）和$（event.target）;这使我想起了以前写的一个例子：复制代码代码...

Javascript 鼠标移动上去小三角形滑块缓慢跟随效果

2016年07月27日 5 阅读

先来一张截图。鼠标移动到对应的分类，下面的红色小三角形就会自动跟随，缓慢的跟随。不管有多少个都可以。 javascript code: 复制代码代码如下: function changeCoord（id, left） { $$（id）.style.left = left; } function $$（id） { return document.getElementById（id）; } function $$$（id） { return docume...

jquery中.add（）的使用分析

2016年07月27日 6 阅读

add（）将元素添加到匹配元素的集合中。这是jquery参考手册上的表述。但其提供的例子链接错误，因此没有对add（）的实例说明。这里就提供几个例子，以便更好的掌握add（）的用法。例一复制代码代码如下:<！DOCTYPE html><html><head><style>div { width:60px; height:60px; margin:10px; float:left; }p { clear:l...

Javascript计算两个marker之间的距离（Google Map V3）

2016年07月27日 5 阅读

Google Map V3 javascript计算两个marker之间的距离做地图开发，最常用到的就是marker一些操作和交互。简单介绍一下，两个marker之间的距离计算。 google map api 很方便的只要是常用的基本上都有接口。 1.创建两个marker点复制代码代码如下: var oldMarker = new google.maps.Marker（{ position: new google.maps.LatLng（"31....

Google Map V3 绑定气泡窗口（infowindow）Dom事件实现代码

2016年07月27日 5 阅读

在调试功能模块时候，发现怎么用什么方法都无法在infowindow里面添加的div进行绑定事件处理。郁闷啊！上网搜了好多方法也没用，后来想想还是查了一下官方的API，发现了google.maps.InfoWindow下面的Events里面有个domready事件官方解释： This event is fired when the containing the InfoWindow"s content is attached to the DOM. Yo...

基于jQuery选择器的整理集合

2016年07月27日 5 阅读

jquery对象访问1、each（callback）:以每个匹配的元素作为上下文来执行一个函数，return false;停止循环;return true;跳至下一个循环。来个实例 : 复制代码代码如下:$（"img"）.each（function（）{ $（this）.toggle（"example"）;}） 2、size（）与length相同，都是返回jquery对象中元素的个数。$（"img"）.size（）;或$（"img"）.length;3、...

基于jquery中children（）与find（）的区别介绍

2016年07月27日 9 阅读

.children（selector）方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈）。参数可选，添加参数表示通过选择器进行过滤，对元素进行筛选。.find（selector）方法是返回匹配元素集合中每个元素的后代。参数是必选的，可以为选择器、jquery对象可元素来对元素进行筛选。.find（）与 .children（）方法类似，不同的是后者仅沿着 DOM 树向下遍历单一层级。这里的children，我理解为儿子，只在儿子这一级遍历。看下例...

表单类各种类型（文本框）失去焦点效果jquery代码

2016年07月27日 6 阅读

复制代码代码如下: <SPAN style="FONT-SIZE: 18px">表单类失去焦点的效果</SPAN> 复制代码代码如下: <script type="text/javascript"> $（function（）{ $（":input"）.focus（function（）{ //此处可获取各种表单如（：text/:button） $（this）.addClass（"focusa"）; if （$（thi...

jquery实现textarea输入字符控制（仿微博输入控制字符）

2016年07月27日 5 阅读

效果图如下： JQUERY 代码：复制代码代码如下: var text=$（".release textarea"）.val（）;//获取输入框的值 var counter=text.length; //获取输入框的值 $（"#numtj em"）.text（500-counter）; $（document）.keyup（function（） { var text=$（".release textarea"）.val（）; var counter=te...

JQuery的Ajax跨域请求原理概述及实例

2016年07月27日 5 阅读

今天在项目中需要做远程数据加载并渲染页面，直到开发阶段才意识到ajax跨域请求的问题，隐约记得Jquery有提过一个ajax跨域请求的解决方式，于是即刻翻出Jquery的API出来研究，发 JQuery对于Ajax的跨域请求有两类解决方案，不过都是只支持get方式。分别是JQuery的 jquery.ajax jsonp格式和jquery.getScript方式。什么是jsonp格式呢？API原文：如果获取的数据文件存放在远程服务器上（域名不同，也就是跨...

html中使用javascript调用本地程序（exe、doc等）实现代码

2016年07月27日 7 阅读

第一次用到这个，做个记录，在html页面中调用本地程序：复制代码代码如下: <html> <head> <script language="javascript"> function Run（strPath） { var objShell = new ActiveXObject（"wscript.shell"）; objShell.exec（strPath）; objShell = null; } </scri...

首页 / 脚本样式 / JavaScript

关于jQuery新的事件绑定机制on（）的使用技巧

基于jQuery.Validate验证库知识点的详解

jQuery.Validate验证库的使用介绍

关于jquery.validate1.9.0前台验证的使用介绍

用JQuery 判断某个属性是否存在hasAttr的解决方法

jQuery 遍历- 关于closest（） 的方法介绍以及与parents（）的方法区别分析

基于jquery的has（）方法以及与find（）方法以及filter（）方法的区别详解

jQuery 遍历-nextUntil（）方法以及prevUntil（）方法的使用介绍

用示例说明filter（）与find（）的用法以及children（）与find（）的区别分析

jquery 关于event.target使用的几点说明介绍

Javascript 鼠标移动上去小三角形滑块缓慢跟随效果

jquery中.add（）的使用分析

Javascript计算两个marker之间的距离（Google Map V3）

Google Map V3 绑定气泡窗口（infowindow）Dom事件实现代码

基于jQuery选择器的整理集合

基于jquery中children（）与find（）的区别介绍

表单类各种类型（文本框）失去焦点效果jquery代码

jquery实现textarea输入字符控制（仿微博输入控制字符）

JQuery的Ajax跨域请求原理概述及实例

html中使用javascript调用本地程序（exe、doc等）实现代码

jQuery 遍历- 关于closest（）的方法介绍以及与parents（）的方法区别分析