天上星 - 博客园

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 天上星阅读(384) 评论(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 天上星阅读(232) 评论(0) 推荐(0)

jQuery 7 节点遍历

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

posted @ 2013-05-25 15:03 天上星阅读(1093) 评论(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 天上星阅读(231) 评论(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 天上星阅读(244) 评论(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 天上星阅读(244) 评论(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 天上星阅读(207) 评论(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 天上星阅读(189) 评论(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 天上星阅读(855) 评论(0) 推荐(0)

DOM--form

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

posted @ 2013-05-20 16:32 天上星阅读(178) 评论(0) 推荐(0)