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 天上星阅读(250) 评论(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 天上星阅读(3244) 评论(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 天上星阅读(1691) 评论(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 天上星阅读(335) 评论(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 天上星阅读(1084) 评论(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 天上星阅读(223) 评论(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 天上星阅读(200) 评论(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 天上星阅读(180) 评论(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 天上星阅读(851) 评论(0) 推荐(0) 编辑