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

初窥JQuery（一）jquery选择符必备知识点

2017年02月06日 23 阅读

本章内容根据本人在开发中常用到的选择符作为例子来进行讲解，如有更多常用的简单的例子可回复提供，参与讨论，一起学习研究，首先我们从常用的CSS选择符开始。 CSS选择符包括通配选择符、ID选择符、属性选择符、包含选择符、类选择符等，他们的基本格式为：通配选择符：$（"#ID *"）表示该元素下的所有元素。 ID选择符：$（"#ID"）表示获得指定ID的元素。属性选择符：$（"input[type=text]"）表示type属...

初窥JQuery（二）事件机制（1）

2017年02月06日 19 阅读

当然它的优点并不只在于这点，使用JQuery事件处理机制比直接使用Javascript本身内置的一些事件相应方式更加的灵活，更加不容易暴露在外，而且有更加优雅的语法，大大减少了我们工作的量度。 JQuery的事件处理机制包括：页面加载、事件绑定、事件委派、事件切换四种机制。我们先从$（document）.ready（）事件开始。一、页面加载$（document）.ready（）相当与Javascript中的onLoad（）事件，都是在页面加载的时候...

jquery 学习之二属性（类）

2017年02月06日 22 阅读

addClass（class）为每个匹配的元素添加指定的类名。Adds the specified class（es） to each of the set of matched elements.返回值jQuery参数class （String） : 一个或多个要添加到元素中的CSS类名，请用空格分开示例为匹配的元素加上 "selected" 类 HTML 代码:<p>Hello</p> jQuery 代码:$（"p"）.addC...

jquery 学习之二属性（html（）与html（val））

2017年02月06日 21 阅读

html（）取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 Get the html contents of the first matched element. This property is not available on XML documents （although it will work for XHTML documents）. 返回值 String 示例复制代码代码如下: HTML 代码:...

jquery 学习之二属性文本与值（text,val）

2017年02月06日 24 阅读

text（）取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。Get the text contents of all matched elements.The result is a string that contains the combined text contents of all matched elements. This method works on both HTML an...

juqery 学习之三选择器层级基本

2017年02月06日 23 阅读

#id根据给定的ID匹配一个元素。Matches a single element with the given id attribute.返回值Element参数id （String） : 用于搜索的，通过元素的 id 属性中给定的值示例查找 ID 为"myDiv"的元素。 HTML 代码:<div id="notMe"><p>id="notMe"</p></div><div id="myDiv"&g...

juqery 学习之三选择器简单内容

2017年02月06日 26 阅读

:first匹配找到的第一个元素Matches the first selected element.返回值Element示例查找表格的第一行 HTML 代码:<table> <tr><td>Header 1</td></tr> <tr><td>Value 1</td></tr> <tr><td>Value 2</td&...

juqery 学习之三选择器可见性元素属性

2017年02月06日 23 阅读

:hidden匹配所有的不可见元素，input 元素的 type 属性为 "hidden" 的话也会被匹配到Matches all elements that are hidden, or input elements of type "hidden".返回值Array<Element>示例查找所有不可见的 tr 元素 HTML 代码:<table> <tr style="display:none"><td>...

juqery 学习之三选择器子元素与表单

2017年02月06日 23 阅读

:nth-child（index/even/odd/equation）匹配其父元素下的第N个子或奇偶元素":eq（index）" 只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq（）是从0算起的！可以使用:nth-child（even）:nth-child（odd）:nth-child（3n）:nth-child（2）:nth-child（3n+1）:nth-child（3n+2）Matches the nth-...

javascript预览上传图片发现的问题的解决方法

2017年02月06日 23 阅读

先看看效果图吧：机会难得，有点技术亮点，就一下子投入到功能开发中去了。在这一块的功能开发中，自己还是学到些不错的东西，其中一点就是，用户选择上传的图片，如何预览出来呢。网上找了些资料，最终采用如下方法：复制代码代码如下: function （obj） { //logo上传添加事件 var logoimg = null; if （document.all） {//如果是IE情况下 obj.select（）; logoimg = document.sel...

jQuery学习基础知识小结

2017年02月06日 23 阅读

jQuery学习笔记： jQuery学习 1、基本语法： $（selector）.action（） $:定义jQuery selector:选择符，查询和查找HTML元素 action（）:对元素执行的操作实例： $（this）.hide（）------隐藏当前元素 $（"p"）,hide（）-------隐藏所有的p元素 $（"#ID"）.hide（）-----隐藏id=ID的元素 $（"p.Class"）--------隐藏class=Class的P...

jQuery 选择器、DOM操作、事件、动画

2017年02月06日 20 阅读

Jquery选择器$（document）.ready（function（）{}）$（function（）{}）如果获取的对象是jQuery对象，那么在变量前面加上$,例如：var $variable=jQuery对象选择器1，判断页面是否存在某元素：if（$（“#tt”）.length>0）{} 或者if（$（“#tt”）[0]）{};2，基本选择器$（“#test”）选择id为test的元素$（“.test”）选择class为test的所有元素...

颜色选择器 Color Picker,IE,Firefox,Opera,Safar

2017年02月06日 23 阅读

from: 颜色选择器 colorpickerhttp://jscolor.com/http://dematte.at/colorPicker/http://www.free-color-picker.com/color-picker-samples.phphttp://www.nogray.com/color_picker.phphttp://www.mattkruse.com/javascript/colorpicker/ColorPicker2.js...

javascript showModalDialog 内跳转页面的问题

2017年02月06日 24 阅读

查看了一下代码，发现跳转链接中使用的是location，而直接使用A生成的链接，在点击跳转时，却不会弹出新的页面。解决：通过JS脚本，来模拟点击了A这样的链接，而不使用location试了一下：复制代码代码如下:function go_link（url） { var link = document.createElement（"a"）; link.href = url; document.body.appendChild（link）; link.c...

简略的前端架构心得&&基于editor为例子的编码小技巧

2017年02月06日 23 阅读

比较粗糙简略。感兴趣的同学可以看看。稍微贴下主要内容吧：这是第一份ppt主要的内容。具体东西我就不多贴了，对这几个方面感兴趣的同学可以下载来看看，既然是基于editor为例子的ppt，这里我也附上一个简单的利用execCommand命令做的简易的demo，editor的原理在demo里都能看出来。这里附上代码： <！doctype html> 复制代码代码如下: <html> <head> <style typ...

js页面跳转常用的几种方式

2017年02月06日 24 阅读

第一种：复制代码代码如下: <script language="javascript" type="text/javascript"> window.location.href="jb51.jsp？backurl="+window.location.href; </script> 第二种：复制代码代码如下: <script language="javascript"> alert（"返回"）; window.h...

javascript 广告后加载，加载完页面再加载广告

2017年02月06日 21 阅读

先加载完页面再加载广告的原理：网页打开的顺序都是按页面从上到下的顺序加载完成的，所以要想使广告不影响页面打开速度，就要等页面全部打开完成后，再加载JS代码。等页面加载完再加载广告其实就是将广告的 JS 代码放在页面的底部，等页面内容打开完成后再加载到广告代码，再用页面上预留好的的 DIV 输出广告。使用方法： 1、将以下代码放置页面中想要放广告的地方复制代码代码如下: <div id="myads">载入中…</div> ...

js删除所有的cookie的代码

2017年02月06日 25 阅读

复制代码代码如下: function clearCookie（）{ var keys=document.cookie.match（/[^ =;]+（？==）/g）; if （keys） { for （var i = keys.length; i--;） document.cookie=keys[i]+"=0;expires=" + new Date（ 0）.toUTCString（） } } ...

腾讯的ip接口方便获取当前用户的ip地理位置

2017年02月06日 24 阅读

腾讯的ip接口地址：http://fw.qq.com/ipaddress 显IP代码全部调用复制代码代码如下: <script type=text/javascript src=http://fw.qq.com/ipaddress></script> <script type=text/javascript> document.write（IPData.join（‘ ‘））; </script> 效果...

js getBoundingClientRect（）来获取页面元素的位置

2017年02月06日 24 阅读

document.documentElement.getBoundingClientRect下面这是MSDN的解释：SyntaxoRect = object.getBoundingClientRect（）Return ValueReturns a TextRectangle object. Each rectangle has four integer properties （top, left, right, and bottom） that repre...

首页 / 脚本样式 / JavaScript

初窥JQuery（一）jquery选择符 必备知识点

初窥JQuery（二） 事件机制（1）

jquery 学习之二 属性（类）

jquery 学习之二 属性（html（）与html（val））

jquery 学习之二 属性 文本与值（text,val）

juqery 学习之三 选择器 层级 基本

juqery 学习之三 选择器 简单 内容

juqery 学习之三 选择器 可见性 元素属性

juqery 学习之三 选择器 子元素与表单

javascript预览上传图片发现的问题的解决方法

jQuery学习基础知识小结

jQuery 选择器、DOM操作、事件、动画

颜色选择器 Color Picker,IE,Firefox,Opera,Safar

javascript showModalDialog 内跳转页面的问题

简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧

js页面跳转常用的几种方式

javascript 广告后加载，加载完页面再加载广告

js删除所有的cookie的代码

腾讯的ip接口 方便获取当前用户的ip地理位置

js getBoundingClientRect（） 来获取页面元素的位置

初窥JQuery（一）jquery选择符必备知识点

初窥JQuery（二）事件机制（1）

jquery 学习之二属性（类）

jquery 学习之二属性（html（）与html（val））

jquery 学习之二属性文本与值（text,val）

juqery 学习之三选择器层级基本

juqery 学习之三选择器简单内容

juqery 学习之三选择器可见性元素属性

juqery 学习之三选择器子元素与表单

简略的前端架构心得&&基于editor为例子的编码小技巧

腾讯的ip接口方便获取当前用户的ip地理位置

js getBoundingClientRect（）来获取页面元素的位置