摘要：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
阅读全文
