gate_s

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

2013年8月15日

摘要: window.onload = function(){ alert("welcome"); } 这样的写法作用是希望在页面加载完,自动执行定义js代码(function)。$(document).ready(function(){....})这个函数是用来取代页面中的window.onload;document.ready()和传统的方法相似,不同的是onload()的方法是在页面加载完成后才发生,这包括DOM元素和其他页面元素(例如图片)的加载,因此,使用document.ready()方法的执行速度比onload()的方法要快。Javascript 只有在DOM元素已经 阅读全文
posted @ 2013-08-15 09:38 gate_s 阅读(267) 评论(0) 推荐(0)

摘要: 只能输入数字:"^[0-9]*$"。 只能输入n位的数字:"^\d{n}$"。 只能输入至少n位的数字:"^\d{n,}$"。 只能输入m~n位的数字:。"^\d{m,n}$" 只能输入零和非零开头的数字:"^(0|[1-9][0-9]*)$"。 只能输入有两位小数的正实数:"^[0-9]+(.[0-9]{2})?$"。 只能输入有1~3位小数的正实数:"^[0-9]+(.[0-9]{1,3})?$"。 只能输入非零的正整数:"^\+?[1-9] 阅读全文
posted @ 2013-08-15 09:37 gate_s 阅读(233) 评论(0) 推荐(0)

摘要: jQuery提供了val()方法,使用它我们可以快速地获取和设置表单的文本框、单选按钮、以及单选按钮的值。使用val()不带参数,表示获取元素的值使用val()给定参数,则表示把值赋给元素如下://获取值alert($("input#mytextbox").val());alert($("select#mylist").val());alert($("input#myradio").val());//设置值$("input#mytextbox").val("61dh");$("sele 阅读全文
posted @ 2013-08-15 09:36 gate_s 阅读(306) 评论(0) 推荐(0)

摘要: 在jQuery里我们可以通过.attr()的方法来实现对HTML标签属性(tag attribute)处理。1. 获取标签属性的值 (演示)语法:$('选定目标').attr('属性名')例子如下:(如果你对如何选定目标不了解,请查看前面的文章:jQuery基础 - 选择器)点击获取本段落的ID查看ID点击查看链接的URL 网站开发日志 日志分类//使用下面的jQuery代码,来获取ID和HREF$(document).ready(function() { $('button:eq(0)').click(function(){ alert(&qu 阅读全文
posted @ 2013-08-15 09:35 gate_s 阅读(411) 评论(0) 推荐(0)

摘要: 改变页面内容应该算是Javascript最常用的功能,这包括更改已经存在的页面元素或者添加新的HTML元素。jQuery提供两种实现这种功能的方法 –text()和html()。text()是对纯文本的处理;html()和text()相似,不同的是它还支持HTML代码。//设置ID为"b5_a"段落的内容为"这是新加入的文本信息";$('#b5_a").text("这是新加入的文本信息");//在ID为"b5_b"的div里加入一段html代码;$("#b5_b").html( 阅读全文
posted @ 2013-08-15 09:34 gate_s 阅读(211) 评论(0) 推荐(0)

摘要: 在网页设计中,我们常常要使用Javascript来改变页面元素的样式。其中一种办法是改变页面元素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的;而jQuery里提供三种方法来实现这个功能,虽然它们和传统方法的思想相通,但是却节省了许多代码。还是那句话 - “jQuery让JavaScript代码变得简洁!”1. addClass() - 添加CSS类$("#target").addClass("newClass");//#target 指的是需要添加样式的元素的ID//new 阅读全文
posted @ 2013-08-15 09:33 gate_s 阅读(1471) 评论(0) 推荐(0)

摘要: 在传统的Javascript里,当我们对某个页面元素进行某种操作前,最好先判断这个元素是否存在。原因是对一个不存在的元素进行操作是不允许的。例如:document.getElementById("someID").innerText("hi");如果ID为"someID"的元素不存在,我们将得到Javascript运行错误:document.getElementById("someID") is null正确的写法应该是:obj = document.getElementById("someID" 阅读全文
posted @ 2013-08-15 09:33 gate_s 阅读(238) 评论(0) 推荐(0)

摘要: 不管是通过"id"还是通过"class”,它们都是针对某个元素本身,这和常规的Javascript方法(getElementById以及getElementByName)的思想相似。在这篇文章里我要介绍jQuery提供的另外一种类型的选择器,我称之为树形结构的选择器。树形结构里的节点,如果它不是根部,也不是末枝,那么它一定有父母和孩子。DOM结构其实也是一种树形结构,jQuery提供的树形选择器可以用来选择DOM Tree里的节点。这些树形选择器的方法包括:children(), parent(), parents(), next(), prev(), sibli 阅读全文
posted @ 2013-08-15 09:32 gate_s 阅读(1355) 评论(0) 推荐(0)

摘要: 在前面的文章里介绍了 -如何添加/移除CSS类,那种方法需要先定义好CSS类,然后针对"类"来改变某个元素的样式。本文要介绍的是另外一种改变CSS样式的方法 - 直接添加样式法。使用CSS样式一般有两种方法:一种是在Head里引用外部定义了CSS样式的文件;另一种是直接在HTML元素里嵌入样式。如何添加/移除CSS类一文里介绍的方法通常需要把CSS类定义在外部CSS样式文件里;而本文介绍的方法就类似于嵌入式CSS。jQuery提供css()的方法来实现嵌入式改变元素样式,css()方法在使用上具有多样性。其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开。比如我 阅读全文
posted @ 2013-08-15 09:32 gate_s 阅读(415) 评论(0) 推荐(0)

摘要: HTML表单(Form)常用控件有:参考input type="text" 单行文本输入框input type="password" 密码输入框(输入的文字用*表示)input type="radio" 单选框input type="checkbox" 复选框input type="submit" 将表单(Form)里的信息提交给表单里action所指向的文件textArea 多行文本输入框select 下拉框 (单选和多选)在jQuery里,我们大致可以通过三种方法来获取这些控件的值:1.获取 阅读全文
posted @ 2013-08-15 09:31 gate_s 阅读(193) 评论(0) 推荐(0)

摘要: 比如说选择段落$("p”),这样就会把页面的所有段落都选中。jQuery提供.each()方法来对选中的结果进行循环处理,而且在每次执行函数时,都会给函数传递匹配元素在选中结果里所处位置的数字值作为参数(从零开始的整形变量)。返回'false'将停止循环 (就像在普通的循环中使用'break')。返回'true'跳至下一个循环(就像在普通的循环中使用'continue')。例子一: 第一列 第二列 第三列选中所有列//使用下面的jQuery代码,点击按钮后,所有列将被选择,并且在每列后加上index$('butt 阅读全文
posted @ 2013-08-15 09:30 gate_s 阅读(245) 评论(0) 推荐(0)

摘要: 传统的Javascript是通过document.getElementById()函数来选择页面元素,这需要被选择的元素具有定义好的ID。相比之下,jQuery对页面元素的选择就要灵活多,它不但支持通过ID选择,而且还支持Class Name、元素及其位置顺序、以及这些方法的组合。如果你对CSS熟悉,你一定知道什么是ID和Class。ID和Class都是对页面元素的标识,不同的是ID是对某个元素的标识(不同的元素不可以具有相同的ID),而Class是对一类元素的标识(不同元素可以具有相同的Class)。 jQuery用到的ID和Class就是来自CSS。1. 通过“ID”来选择:这一段落的ID 阅读全文
posted @ 2013-08-15 09:29 gate_s 阅读(314) 评论(0) 推荐(0)

摘要: 使用jQuery需要3个基本步骤:1. 下载jQuery.js并保存在网页可以存取的位置。下载链接:dowload2. 在HTML的head里引用jQuery.js3. 运用jQuery的方法提示:在步骤一提供的下载页面里,你会发现每一种jQuery发行版本都有三个下载链接:Minified、Packed、和Uncompressed。到底应该下载哪一个要根据你的需要来定:如果你想知道jQuery内部到底是如何工作的,你可以选择未压缩版本,也就是uncompressed。如果你只是想使用它,你可以选择Packed或者MinifiedPacked和Minfied版本都去掉了多余的空格和注释,不同的 阅读全文
posted @ 2013-08-15 09:28 gate_s 阅读(311) 评论(0) 推荐(0)

摘要: 1. 新建一个空白解决方案,命名为"单元测试- 01"吧。2.在该解决方案下创建一个类库,作为此次单元测试的测试对象;我们就创建一个数学类(用于实现运算的简单类)。命名为"Jack.MathLib".(1). 在该类中创建一个类文件, 命名为"Math.cs";(2). 实现一个加法运算的方法,编写如下代码:Code3. 现在为了测试该数序计算类中的方法,我们在该解决方案中添加一个测试项目,命名"Jack.MathLibTest",创建方法如下:命名后,点击" 确定 ",Vs 将为你添加必要的文 阅读全文
posted @ 2013-08-15 09:27 gate_s 阅读(282) 评论(0) 推荐(0)

摘要: Attribute:$("p").addClass(css中定义的样式类型); 给某个元素添加样式$("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值,参数是map$("img").attr("src","test.jpg"); 给某个元素添加属性/值$("img").attr("title", function() { return this.s 阅读全文
posted @ 2013-08-15 09:26 gate_s 阅读(285) 评论(0) 推荐(0)

摘要: 1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)6.一个小写转大写的JS: document.getElementById("output"). 阅读全文
posted @ 2013-08-15 09:24 gate_s 阅读(513) 评论(0) 推荐(0)

摘要: JS语法字典---网友总结1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value) 6.一个小写转大写的JS: document.getElementById(&q 阅读全文
posted @ 2013-08-15 09:21 gate_s 阅读(660) 评论(0) 推荐(0)