摘要：jQueryUI是封装好了的ui，只要把三个文件加入到工程目录中，然后在head中引用即可jquery-ui-*.*.*.custom.min.jsjquery-ui-*.*.*.custom.min.css以上两个文件的版本要一样，其中*.*.*为版本号,可以到官网下载 http://jqueryui.com再把jquery-*.*.*.min.js也引用即可<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src=&qu
阅读全文
摘要：一.高亮选择（主要用到addclass和removeclass方法，它们用于增删样式）<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="JScript/jquery-1.9.1.js" type="text/javascript"></script> <style type="text/css"> .hightlight{ba
阅读全文
摘要：cookie是自动保存在浏览器客户端的，每个域名最多有几十个cookie,每个cookie只会保存几K的字节文本，每个域名只能访问自己域名创建的cookie. 浏览器会自动把相关的cookie删除。它的格式为：$.cookei("名称","值",option);option为字典数组,即{expires:7, path:'/',domain:'baidu.com',secure:true}expires为过期时间，后面的7为要过期的天数，过期后浏览器自动删除这个cookie. path表示cookie保存的地址。 doma
阅读全文
摘要：有个append()函数，相当于dom中的document.appendChild()函数，如下图：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="JScript/jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript">
阅读全文
摘要：$("input[name=gender]:checked ") 标签为input且name为gender,属性为checked的元素$(":radio[name=gender]:checked")相当于$("div:radio[name=gender]:checked"). :radio代表type=radio如下代码：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <scri
阅读全文
摘要：前面的章节中我们用$()函数时只用到了一个参数，其实它还有第二个参数，第二个参数是jquery对象参数，用于标明要产生事件的元素。如下图：当点击table1中的tr时会产生一个click事件，会把所对应的td显示为红色. this代表当前的元素，相当于dom中的event.srcElement.<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="JScript/jquery-1.9.1.js" t
阅读全文
摘要：有以下几种(前面的冒号不能少哦)：:first 选择第一个元素. $("div:first"):选择第一个div。:last 选择最后一个元素. $("div:last"):选择最后一个div.:not 选择不满足条件的元素。$("input:not(.myclass)"):选择样式名不是myclass的input.:even(:odd) 选择索引是奇数或偶数的元素. $("input:even"):选择索引是奇数的input.:eq(索引号) 等于，是Equal缩写. $("input:eq(1)&qu
阅读全文
摘要：jQuery提供了非常好的方法去遍历节点 :next("过滤元素"):用于获取节点之后紧临的第一个同辈元素。如：$(".myclass").next("div")->获取所有引用myclass样式后的第一个div元素。nextAll("过滤元素"):用于获取节点之后的所有同辈元素。$(".myclass").nextAll("div")->获取所有引用myclass样式后的所有div元素.siblings("过滤元素"):用于获取所有的兄弟（同
阅读全文
摘要：有以下几个实例点：$("div li")：获取div下所有的li元素，直接或间接的都可以。$("div > li"):获取div下直接的li元素，即第一层的。$(".myclass+div"):获取样式名为myclass之后的第一个div元素。$(".myclass~div"):获取样式名为myclass之后所有的div元素。<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></tit
阅读全文
摘要：jQuery可以同时为多个标签元素设置。$("标签元素1,标签元素2,.cssname，...")即可同时给所有标签元素1，标签元素2，所有带有cssname样式的元素进行设置。如下代码：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="JScript/jquery-1.9.1.js" type="text/javascript"></scri
阅读全文
摘要：在DOM中我们选择特定ID的元素可以用document.getElementById(id标识),在jQuery中可以这样用:$("#id标识"),也叫id选择器其它对应的为： document.getElementByTagName("标签名") = $("标签名")，也叫标签选择器，如下图：分别给#btn和所有div注册click事件。<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title>
阅读全文
摘要：jQuery和Dom的对象转换如下： Dom对象->jQuery对象： var jqueryobj=$(DOM对象); jQuery对象->DOM对象: var domobj=jQuery对象[0]或jQuery对象.get(0);代码如下：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="JScript/jquery-1.9.1.js" type="text/javasc
阅读全文
摘要：$.map(Arr,fn):把Arr数组中的每个数据进行处理（fn函数）,并产生一个新的数组来保存处理过的值。注意：数组并不是DOM对象，它是js本身的对象。此方法不支持dictionary(字典)数组.$.each(Arr,fn):遍历Arr中的所有数值，对用 fn处理，它不会产生新的数组，即没有返回值。如下代码：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="JScript/jquery-1.9.1
阅读全文
摘要：jQuery是js的一个类库，它是开源且被vs2010开始引入的一个库。它很好的封装了js的功能，在开发网页时可省去很多麻烦和代码。它是以$开始的标记，$是用来把DOM对象转变为jQuery对像的函数。在DOM中，在网页全部加载完成时有个onload对象，我们会写个js事件,然后让onload事件再调用这个事件，但在jQuery中可以这样处理：$(document).ready(); $(document)是把DOM的document转变成jQuery的对象，ready()是jQuery的注册事件。因此我们可以简写为：$(function(){}); 里面的为匿名函数 ，在jQuery中我们经
阅读全文
摘要：form对象是用于向服务器提交数据时用的，它的默认事件为onsubmit。在此事件中加入return false表示不提交数据，即拒绝向处执行，如果表单中旋转了submit的按钮，点击submit的按钮后也会自动激活form中的onsubmit事件.<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1&q
阅读全文
摘要：浏览一些网页时，会点击登录按钮时，会在页面上显示一个登录圣话框，要用户输入用户名和密码，这些就是层的控制，即div控件的显示与隐藏功能。主要用到的是它的style.display属性，如果div.style.dispaly="none"则此层不会显示，如果不为none就会显示它。还有一些控件，如button中有个属性为disabled，会显示是否可用。 style中是控件的一些样式，如position,background等。要关闭text中的输入法，只需设置它的style="ime-mode:disabled"即可。window.returnfalse
阅读全文
摘要：body\document都是window中的一个对象，我们常用的操作都在document 中进行，document表示当前的页面文档。它有以下几个经典常用的方法：getElementById():根据标签ID获取要操作的标签。getElementByName():根据标签名称获取要操作的一组标签数组，如有相同名称的radio等标签getElementByTagName():根据标签的类型获取要操作的一组标签数组，如input类型等另动态增加标签用到的有如下函数：createElement("标签类型"),然后用appendChild()加进去即可，用removeChild
阅读全文
摘要：在网页中有时会有向前，向后等导航的事件，可以借助window.history.back,window.history.forward,window.history.go进行操作。window.history.back():返回前一页，等同于window.history.go(-1)window.history.forward():返回后一页window.event.srcElement:当前产生事件的控件，相当于this。它要传值才行。this多用于事件中调用。如下图：第一页中的部分代码：<input type="button" value="到第二页&qu
阅读全文
摘要：body表示实体的意思，即网页中相关操作的标签都会包含于此对象内.它有几个事件：onload:网页加载完毕后触发。onunload:网页关闭后触发onbeforeunload:在网页准备关闭（或离开）前触发。window.event.returnValue:为此属性付一值，一般表示为警告，如提示是否数据没保存什么的，如下图：<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <script t
阅读全文
摘要：我们常用到剪切板，在网页操作中，如，csdn 的网站，会有一个复制按钮，点击后，会在复制的内容下有一行内容,提示复制的内容来自csdn，并且下面会带有相关的连接。在网页中有个对象clipboardData，此对象就是剪切板，它有三个函数可进行操作：1. getData("Text"),表示从剪切板中获取信息，即有返回值2. setData(“Text”,val).表示把val的值写入剪切板中3. clearData("Text") ,清空剪切板JS中是区分大小写的，另其中的参数Text是不能省略的。以下是建立三个textarea，分别为ara1,ara2
阅读全文
摘要：screen.width表示屏幕的宽度，screen.height表示屏幕的高度如下：<input type="button" value="分辨率" onclick="alert(screen.width+'*'+screen.height)">显示的结果为：1280*1024
阅读全文
摘要：在网页中有四个定时功能函数：setinterval("要执行的函数",时间间隔)，返回值为定时器的ID.clearinterval(定时器的ID),关闭定时器以上的两个函数表示每隔多长时间就执行一次。settimeout("要执行的函数",过期的时间),返回值为过期定时器的IDcleartimeout(过期定时器的ID),关闭过期定时器在调用setinterval时一定要记得关闭相应的ID，每调用一次就产生一个定时器。settimeout是表示过多长时间后才能执行它指定的函数，和setinterval不一样，它只执行一次。时间间隔的单位为微秒，即1秒＝1
阅读全文
摘要：DOM就是HTML页面模型，将每个标签都做为一个对象，JavaScript通过调用DOM中的每个属性、方法就可以对文本框、层等元素进行编程控制.Dom就像WinForm一样，通过属性、事件、方法进行编程。CSS+JavaScript+DOM=DHTML Window对象代表当前浏览器的窗口，使用window对象的属性、方法时可以省略window. 如window.alert("vvvvv")可以变成alert("vvvvv").window有以下常用的几个对话框： alert(message):弹出一个确定对话框。 confirm(message):弹出
阅读全文
摘要：JavaScript原名叫LiveScript,后来加入了Java的一些语法，改名为JavaScript，与Java没有一点关系。它是一种浏览器前端脚本语言，执行在浏览器端。在进行一些与服务端无关的控制时可以用它，可以减少网络流量。JavaScript的脚本我们常写在head头中或写在一个文件中，并在html的头中调用。一、JavaScript是一种弱类型语言，不用指定它的变量的具体类型，与所付的值的类型相同，但string,Array等不是高级语言所说的引用类型，而是一个实例或叫对象。它的变量声明为：<script type="text/javascript">
阅读全文
摘要：CSS即样式表，是用来美化界面的，可以对页面元素进行更详细的设置如字体颜色，背景边框等。CSS有三种使用方式：内联式、页面嵌入、外部引用三种。内联式：直接将样式写入到元素的style属性中,如下： <input type="text" style="background-color:Menu;border-color:Yellow; /">只能对单一的内容进行样式设置页面嵌入：在header块中加入，可以对这个页面中相同类型的内容的样式进行设置，即具有统一的外表属性，如下代码<head runat="server"&
阅读全文
摘要：<div></div>:此标识为分层，即在此标识中的内容为一整体，用户可以整体移动或整体隐藏，并且它为一个矩形，永远都是四四方方的布局，相当于winform中的panel.<span></span>:把此标识内的内容做为一个整体，它显示的形状是不规则的，不像div那样是个整形。以下为其html的源码：<html><head runat="server"> <title></title></head><body> <form id="form
阅读全文
