天上星 - 博客园

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) 编辑

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

DOM--层控制

摘要：浏览一些网页时，会点击登录按钮时，会在页面上显示一个登录圣话框，要用户输入用户名和密码，这些就是层的控制，即div控件的显示与隐藏功能。主要用到的是它的style.display属性，如果div.style.dispaly="none"则此层不会显示，如果不为none就会显示它。还有一些控件，如button中有个属性为disabled，会显示是否可用。 style中是控件的一些样式，如position,background等。要关闭text中的输入法，只需设置它的style="ime-mode:disabled"即可。window.returnfalse 阅读全文

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

DOM--document的一些方法

摘要： body\document都是window中的一个对象，我们常用的操作都在document 中进行，document表示当前的页面文档。它有以下几个经典常用的方法：getElementById():根据标签ID获取要操作的标签。getElementByName():根据标签名称获取要操作的一组标签数组，如有相同名称的radio等标签getElementByTagName():根据标签的类型获取要操作的一组标签数组，如input类型等另动态增加标签用到的有如下函数：createElement("标签类型"),然后用appendChild()加进去即可，用removeChild 阅读全文

posted @ 2013-05-20 15:47 天上星阅读(337) 评论(0) 推荐(0) 编辑