2013年5月25日

jQuery 14 jQueryUI

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

posted @ 2013-05-25 16:35 天上星 阅读(251) 评论(0) 推荐(0) 编辑

jQuery 13 一些练习

摘要: 一.高亮选择(主要用到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 阅读全文

posted @ 2013-05-25 16:31 天上星 阅读(2095) 评论(1) 推荐(0) 编辑

jQuery 12 设置cookie

摘要: cookie是自动保存在浏览器客户端的,每个域名最多有几十个cookie,每个cookie只会保存几K的字节文本,每个域名只能访问自己域名创建的cookie. 浏览器会自动把相关的cookie删除。它的格式为:$.cookei("名称","值",option);option为字典数组,即{expires:7, path:'/',domain:'baidu.com',secure:true}expires为过期时间,后面的7为要过期的天数,过期后浏览器自动删除这个cookie. path表示cookie保存的地址。 doma 阅读全文

posted @ 2013-05-25 16:24 天上星 阅读(3247) 评论(0) 推荐(0) 编辑

jQuery 11 动态生成标签

摘要: 有个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"> 阅读全文

posted @ 2013-05-25 16:14 天上星 阅读(1692) 评论(0) 推荐(0) 编辑

jQuery 10 其它的一些用法

摘要: $("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 阅读全文

posted @ 2013-05-25 16:12 天上星 阅读(225) 评论(0) 推荐(0) 编辑

jQuery 9 相对选择器

摘要: 前面的章节中我们用$()函数时只用到了一个参数,其实它还有第二个参数,第二个参数是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 阅读全文

posted @ 2013-05-25 15:31 天上星 阅读(341) 评论(0) 推荐(0) 编辑

jQuery 8 基本过滤器

摘要: 有以下几种(前面的冒号不能少哦)::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 阅读全文

posted @ 2013-05-25 15:27 天上星 阅读(226) 评论(0) 推荐(0) 编辑

jQuery 7 节点遍历

摘要: jQuery提供了非常好的方法去遍历节点 :next("过滤元素"):用于获取节点之后紧临的第一个同辈元素。如:$(".myclass").next("div")->获取所有引用myclass样式后的第一个div元素。nextAll("过滤元素"):用于获取节点之后的所有同辈元素。$(".myclass").nextAll("div")->获取所有引用myclass样式后的所有div元素.siblings("过滤元素"):用于获取所有的兄弟(同 阅读全文

posted @ 2013-05-25 15:03 天上星 阅读(1087) 评论(0) 推荐(0) 编辑

jQuery 6 层次选择器

摘要: 有以下几个实例点:$("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 阅读全文

posted @ 2013-05-25 14:51 天上星 阅读(227) 评论(0) 推荐(0) 编辑

jQuery 5 条件选择器

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

posted @ 2013-05-25 11:54 天上星 阅读(240) 评论(0) 推荐(0) 编辑

jQuery 4 选择器

摘要: 在DOM中我们选择特定ID的元素可以用document.getElementById(id标识),在jQuery中可以这样用:$("#id标识"),也叫id选择器其它对应的为: document.getElementByTagName("标签名") = $("标签名"),也叫标签选择器,如下图:分别给#btn和所有div注册click事件。<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> 阅读全文

posted @ 2013-05-25 11:39 天上星 阅读(241) 评论(0) 推荐(0) 编辑

jQuery 3 对象转换

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

posted @ 2013-05-25 11:31 天上星 阅读(201) 评论(0) 推荐(0) 编辑

jQuery 2 一些常用的函数

摘要: $.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 阅读全文

posted @ 2013-05-25 11:26 天上星 阅读(183) 评论(0) 推荐(0) 编辑

jQuery 1

摘要: jQuery是js的一个类库,它是开源且被vs2010开始引入的一个库。它很好的封装了js的功能,在开发网页时可省去很多麻烦和代码。它是以$开始的标记,$是用来把DOM对象转变为jQuery对像的函数。在DOM中,在网页全部加载完成时有个onload对象,我们会写个js事件,然后让onload事件再调用这个事件,但在jQuery中可以这样处理:$(document).ready(); $(document)是把DOM的document转变成jQuery的对象,ready()是jQuery的注册事件。因此我们可以简写为:$(function(){}); 里面的为匿名函数 ,在jQuery中我们经 阅读全文

posted @ 2013-05-25 11:14 天上星 阅读(853) 评论(0) 推荐(0) 编辑

导航