天上星 - 博客园

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 天上星阅读(1697) 评论(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 天上星阅读(233) 评论(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 天上星阅读(393) 评论(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 天上星阅读(235) 评论(0) 推荐(0)

jQuery 7 节点遍历

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

posted @ 2013-05-25 15:03 天上星阅读(1099) 评论(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 天上星阅读(233) 评论(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 天上星阅读(248) 评论(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 天上星阅读(248) 评论(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 天上星阅读(212) 评论(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 天上星阅读(192) 评论(0) 推荐(0)