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

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

2017年02月06日 20 阅读

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

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

2017年02月06日 19 阅读

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

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

2017年02月06日 20 阅读

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

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

2017年02月06日 20 阅读

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

jquery中.add（）的使用分析

2017年02月06日 18 阅读

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）

2017年02月06日 16 阅读

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事件实现代码

2017年02月06日 21 阅读

在调试功能模块时候，发现怎么用什么方法都无法在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选择器的整理集合

2017年02月06日 19 阅读

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（）的区别介绍

2017年02月06日 21 阅读

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

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

2017年02月06日 22 阅读

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

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

2017年02月06日 17 阅读

效果图如下： 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跨域请求原理概述及实例

2017年02月06日 20 阅读

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

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

2017年02月06日 19 阅读

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

jquery ajax同步异步的执行最终解决方案

2017年02月06日 20 阅读

大家先看一段简单的jquery ajax 返回值的js 代码复制代码代码如下: function getReturnAjax{ $.ajax（{ type:"POST", http://www.cnblogs.com/wlmemail/admin/%22ajax/userexist.aspx", data:"username="+vusername.value, success:function（msg）{ if（msg=="ok"）{ showtip...

用客户端js实现带省略号的分页

2017年02月06日 18 阅读

复制代码代码如下: <script type="text/javascript"> $（function（）{ var n =$（".fenye >ul li:nth-child"）.length var c=$（".fenye ul li"）.index（$（".fenye ul li.thisclass"）） var setp1=c var setp2=n-c; //后余 if（n>10）{ if（c>2）{ for （...

javascript中强制执行toString（）具体实现

2017年02月06日 18 阅读

原文：Enforcing toString（）译文：javascript 中强制执行 toString（）译者：singleseeker Javascript通常会根据方法或运算符的需要而自动把值转成所需的类型，这可能导致各种错误。 Brian McKenna （@puffnfresh） suggests 提供了下列测试代码：复制代码代码如下: Object.prototype.valueOf = function （） { throw new E...

用jquery实现输入框获取焦点消失文字

2017年02月06日 19 阅读

我们在登录网站的时候，文本框中经常会有提示你输入的信息，当你点击文本框，提示信息自动消失，当文本框什么都没有，而且失去焦点的时候，又有了提示文字。 1.原型开发，先做一个简单的：我们首先需要一个html文件：复制代码代码如下: <html> <head> <title>input test</title> <meta name="Content-Type" content="text/html; ...

JQuery onload、ready概念介绍及使用方法

2017年02月06日 20 阅读

页面加载完成有两种事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页面包含图片等文件在内的所有元素都加载完成。（可以说：ready 在onload 前加载！！！）一般样式控制的，比如图片大小控制放在onload 里面加载; jS事件触发的方法，可以在ready 里面加载; 用jQ的人很多人都是这么开始写脚本的：通常的写法复制代码代码如下: $（function（）{ // do somethin...

jQuery语法高亮插件支持各种程序源代码语法着色加亮

2017年02月06日 19 阅读

1）highlightjsHighlight.js能够对页面中的各种程序源代码语法着色加亮。支持的语言包括：•Python •Ruby •Perl •PHP •XML •HTML •CSS •Django •Javascript •VBScript •Delphi •Java •C++ •R...

javascript结合html5 canvas实现（可调画笔颜色/粗细/橡皮）的涂鸦板

2017年02月06日 21 阅读

js+html5 canvas实现的涂鸦画板特效,可调画笔颜色|粗细|橡皮,可以保存涂鸦效果为图片编码，非常适合学习html5的canvas,必须支持html5的浏览器才能看到效果。复制代码代码如下: <！doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jav...

首页 / 脚本样式 / JavaScript

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 ajax同步异步的执行最终解决方案

用客户端js实现带省略号的分页

javascript中强制执行toString（）具体实现

用jquery实现输入框获取焦点消失文字

JQuery onload、ready概念介绍及使用方法

jQuery语法高亮插件支持各种程序源代码语法着色加亮

javascript结合html5 canvas实现（可调画笔颜色/粗细/橡皮）的涂鸦板