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

JQuery 学习笔记01 JQuery初接触

2017年02月06日 25 阅读

一、下载官方网址是http://jquery.com/官方下载地址：http://docs.jquery.com/Downloading_jQuery里边有当前版本和历史版本的下载，可以下载下来部署在自己的服务器上上面也有GoogleMicrosoftjQuery的CDN（Content Delivery Network）地址，由于目前jQuery的广泛使用，选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。官网上下载有两种版本Compr...

jquery DOM操作基于命令改变页面

2017年02月06日 23 阅读

操作属性 jQuery提供.attr（）方法改变属性值,.removeAttr（）方法删除属性复制代码代码如下: $（document）.ready（function（）{ $（"div.character a"）.each（function（index）{ $（this）.attr（{ "rel": "external", "id": "mylink" + index }）; }）; }）; 插入新元素 jQuery提供了两种将元素插入到其它元素前...

Jquery 动态添加按钮实现代码

2017年02月06日 23 阅读

点击添加动态添加两个文本框：分别表示x和y的值，点击取消删除本行的2个文本框记得要引入jquery.js复制代码代码如下: <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $（function（） { $（"#btnMian"）.click（function（） { //生成 0...

jQuery Selector选择器小结

2017年02月06日 22 阅读

//jQuery 选择器 $ //$（expression,[context]） return jQuery //Unit One //expression 之 CSS 定义符就是以CSS语法表示所要选择的元素 // $（"*"）; // 表示页面所有元素标签 // $（"th, td"） // 表示所有<th><td>元素标签 // $（"a"） // 表示所有<a>元素标签 // $（"div#onlydiv"）;...

10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

2017年02月06日 25 阅读

在线编辑内容的时候，那些基于 JavaScript 的编辑器帮了我们大忙，这些所见即所得（WYSIWYG）编辑器，给我们提供了类似 Office？的操作体验。如今，任何网站内容管理系统（CMS）和博客系统都需要一个这样的编辑器。本文精选了5个基于 JavaScript？的编辑器，5个基于 jQuery 框架的编辑器。 MarkitUp – jQuery Official Website | Demo markItUp！它不是一个“全功能，乱用”的编辑器。...

jQuery 创建Dom元素

2017年02月06日 22 阅读

代码如下：复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <...

javascript 通用简单的table选项卡实现

2017年02月06日 24 阅读

第一步：引用table.js 复制代码代码如下:<script type="text/javascript" src="table.js"> </script>第二步：定义选中的样式，比如“active”，应用选项卡的块的ID，比如“sidebar”，默认被选中的序号，比如第一个“0”；第三步：调用函数：复制代码代码如下:<script type="text/javascript"> //参数分别为：默认选择项 ...

javascript 读取内联之外的样式（style、currentStyle、getComputedStyle区别介绍）

2017年02月06日 24 阅读

样式表有三种方式内嵌样式（inline Style）：是写在Tag里面的，内嵌样式只对所有的Tag有效。内部样式（internal Style Sheet）：是写在HTML的<head></head>里面的，内部样式只对所在的网页有效。外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式（Styles），将样式（Styles）写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式...

使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇

2017年02月06日 23 阅读

调用jQuery的ajax方法时,jQuery会根据post或者get协议对参数data进行序列化; 如果提交的数据使用复杂的json数据,例如: {userId:32323,userName:{firstName:"李",lastName:"李大嘴"}} 那么服务器是无法正常接收到完整的参数,因为jQuery对data的序列化,是使用了键值对拼装的方式; 参数拼装成 userId=32323&userName=object ; userName所指向的对...

javascript动态添加表格数据行（ASP后台数据库保存例子）

2017年02月06日 25 阅读

在很多web应用中，我们会遇到很多需要动态插入多行纪录的地方。比如，在人才网站上，我们填写简历的时候，我们要填写我们的项目经验，我们可以根据自己的实际情况动态的添加条数，这种不是以单独页面的形式添加，这种动态添加是在同一个页面下动态添加，最后再一起提交到服务器保存到数据库中。本文，我将以一个类似的例子来做一个前台用Javascript动态添加数据项，后台保存到数据库的例子。浏览器：IE.6.0 后台：ASP （VBScript ）前台：HTML + ...

javascript之通用简单的table选项卡实现（二）

2017年02月06日 24 阅读

回归原始，当样式切换后，把控制权还给页面，即table.js仅控制切换样式和记录操作：复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <...

javascript 精粹笔记

2017年02月06日 23 阅读

//为构造函数原型添加方法 Function.method=function（name,func）{ this.prototype.name=func; } Number.method（"integer",function（）{ return Math[this < 0 ？ "ceil":"floor"]（this）; }）; （-10/3）.integer（）;//-3 String.method（"trim",function（）{ re...

JavaScript中变量的相互引用

2017年02月06日 21 阅读

测试如下： .my_show_textarea { width:600px; height:150px; font-family:"Courier New", Courier, monospace; overflow:auto; border:1px solid #ccc; font-size:11px;} .my_show_button{ font-family:"微软雅黑",Arial, Helvetica, sans-serif } 数组类型测试 ...

javascript 就地编辑实现代码

2017年02月06日 25 阅读

于是有了这个：无标题文档 // JavaScript Document var Deditor=（ function（）{ //private methods function addEvent（elem,type,handler）{ if（！+"v1"）{//IE elem[type+handler.toString（）]=handler; elem.attachEvent（"on"+type,function（）{ elem[type+ha...

javascript 模式设计之工厂模式详细说明

2017年02月06日 24 阅读

模式类型：工厂模式模式说明：常用模式之一，用来动态创建对象适用范围：在运行期间需要在一系列可互换的子类中进行选择的类注意事项：接口的实现，从而使不同子类可以被同等的对待,恰当的使用工厂模式,但不要拘泥与形式,理解本质。关键点：以函数/类/子类构建的选择器本质：函数作为选择器的使用一般使用形式：作为独立的选择器存在：复制代码代码如下: function FactoryMode（index）{ switch（index）{ case "i...

js function使用心得

2017年02月06日 22 阅读

1.最基本的作为一个本本分分的函数声明使用。复制代码代码如下: function func（）{} 或 var func=function（）{}; 2.作为一个类构造器使用：复制代码代码如下: function class（）{} class.prototype={}; var item=new class（）; 3.作为闭包使用：复制代码代码如下: （function（）{ //独立作用域 }）（）; 4.可以作为选择器使用：复制代...

JavaScript几种形式的树结构菜单

2017年02月06日 23 阅读

1.悬浮层树（Tree）这种树结构实现类似面包屑导航功能，监听的是节点鼠标移动的事件，然后在节点下方或右方显示子节点，依此递归显示子节点的子节点。用户首页博客设置文章相册留言评论系统这里要注意几个小问题，其一这种树结构是悬浮层绝对定位的，在创建层的时候一定要直接放在body的下面，这样做的是确保在IE里面能遮掩住任何层，因为在IE里面是有stacking context这种东西的潜规则在里面的，另外当然还有一个select你能遮住我吗？老掉牙的问题，...

javascript转换字符串为dom对象（字符串动态创建dom）

2017年02月06日 24 阅读

前言：在javascript里面动态创建标准dom对象一般使用： var obj = document.createElement（"div"）; 然后再给obj设置一些属性。但是，在实际使用过程中，有些人可能会想，要是能这样创建标准的dom对象就好了伪代码：var obj=strToDom（"<div id="div_1" class="div1">Hello World！</div>"）; 那么今天的目的就是教大家怎么去实...

Javascript异步表单提交，图片上传，兼容异步模拟ajax技术

2017年02月06日 24 阅读

前言：咋一看标题还挺长的呢，还有这么多功能，其实简化一点就是一个功能，异步表单提交，只是在异步表单提交这个大功能下，可以实现图片上传，模拟ajax技术（其实很早以前就是通过这个方式来实现多浏览器的兼容ajax，这里只是怀怀旧，作为一个技术来玩玩），下面的内容需要有一定的js基础，要不然理解起来会比较困难。注意事项：这是我bBank里面的一个方法，现在我把他提取出来成一个通用方法来讲解。 bBank 框架介绍：http://www.cnblogs.co...

js 小数取整的函数

2017年02月06日 25 阅读

1.丢弃小数部分,保留整数部分 js:parseInt（7/2） 2.向上取整,有小数就整数部分加1 js: Math.ceil（7/2） 3,四舍五入. js: Math.round（7/2） 4,向下取整 js: Math.floor（7/2）...

首页 / 脚本样式 / JavaScript

JQuery 学习笔记01 JQuery初接触

jquery DOM操作 基于命令改变页面

Jquery 动态添加按钮实现代码

jQuery Selector选择器小结

10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

jQuery 创建Dom元素

javascript 通用简单的table选项卡实现

javascript 读取内联之外的样式（style、currentStyle、getComputedStyle区别介绍）

使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇

javascript动态添加表格数据行（ASP后台数据库保存例子）

javascript之通用简单的table选项卡实现（二）

javascript 精粹笔记

JavaScript中变量的相互引用

javascript 就地编辑实现代码

javascript 模式设计之工厂模式详细说明

js function使用心得

JavaScript几种形式的树结构菜单

javascript转换字符串为dom对象（字符串动态创建dom）

Javascript异步表单提交，图片上传，兼容异步模拟ajax技术

js 小数取整的函数

jquery DOM操作基于命令改变页面