自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(45)
  • 资源 (2)
  • 收藏
  • 关注

翻译 (3)选择元素——(17)练习(Exercises)

To complete these exercises, you will need the index.htmlfile for this chapter, as well as the finished JavaScript code as found in complete.js. These files can be downloaded from the Packt Publishing

2013-09-29 23:50:47 1122

翻译 (3)选择元素——(16)延伸阅读(Further reading)

The topic of selectors and traversal methods will be explored in more detail in Chapter 9. A complete list of jQuery's selectors and traversal methods is available in Appendix Cof this book, in jQuery

2013-09-29 23:48:56 892

翻译 (3)选择元素——(15)总结(Summary)

拥有了本章我们讲过的知识后,我们现在可以通过很多方法定位网页上的一串元素。特别的,我们学会了使用基础的css选择器在嵌套的结构中去定位顶部和子级的元素,学会了使用属性选择器为不同类型的链接加上不同的样式,使用定制选择器:odd和:even或者高级选择器:nth-child()给一个表加上交替的条纹,使用链状jquery方法为特定的表格块高亮文本。

2013-09-29 23:47:44 820

翻译 (3)选择元素——(14)接触DOM元素(Accessing DOM elements)

每一个选择器表达式和大部分的jquery方法返回了一个jquery对象。至几乎总是我们想要的,因为它提供了隐式迭代和链锁所用。然而在我们的代码中还有有一些地方我们想要接触到DOM元素。比如,我们可能想让一系列元素可以让其他的js库使用。另外,我们可能需要接触到一个元素的名字,使用DOM元素的属性可以做到这一点。对这些公认很少出现的场景,jquery提供了.get()方法可以由jquery对象引用。我们将使用.get(0)。如果DOM元素是在一个循环中被需要的,我们将使用.get(index)。

2013-09-29 00:10:23 1096

翻译 (3)选择元素——(13)链锁作用(Chaining)

我们探索过的遍历方法范例展示了jquery的链状能力。使用jquery,我们可以选择很多元素组合,然后在他们身上做很多事情,而这只需要一行代码。战中链锁不仅仅让jquery代码变得简洁,而且还能提高在我们重新选择元素时脚本选择元素的性能。

2013-09-28 23:24:52 863

翻译 (3)选择元素——(12)为特定的方块加样式(Styling specific cells)

我们可能想到.next() .nextAll()方法有着类似的东东:.prev() .prevAll()。另外,.siblings()选择了所有的在同一DOM层级的其他的元素,而不管他们是出现在之前选择的元素的前面还是后面。

2013-09-28 14:59:28 1094

原创 从jquery的.filter()方法想到的

最近发现了jquery的.filter()方法,这真是一个很强大的方法,最强大之处在于,他可以接受一个函数作为参数,然后根据函数的返回值判断,如果返回值是true,这个元素将被保留,如果返回值是false,这个元素将被剔除。这就是jquery选择器的过滤器。空说无用,我们展示一下 你好啊,今天及多大了啊 为什么要告诉你如果我们要选择有一个子元素的元素,平常我都是这么写

2013-09-28 14:41:33 1047

翻译 (3)选择元素——(11)DOM遍历方法(DOM traversal methods)

尤其是.filter()方法有着巨大的魔力,因为他可以把一个函数作为参数。这个函数允许我们创建一个复杂的测试用来判断元素是否应该被存放在集合中。比如,让我们假设,我们想要给所有的外部链接添加一个类。jquery对这种场景并没有一个选择器。在没有一个过滤方法的情况下,我们将强迫显式循环遍历每一个元素,分开测试每一个元素。然而通过使用下面的过滤函数,我们仍然依靠jqueyr的隐式迭代,让我们的代码很紧凑:

2013-09-28 14:16:47 1511

翻译 (3)选择元素——(10)表单选择器(form selector)

The capabilities of custom selectors are not limited to locating elements based on their position. For example, when working with forms, jQuery's custom selectors and complementary CSS3 selectors can

2013-09-27 21:57:05 1492

翻译 (3)选择元素——(9)为交替的列加样式(Styling alternate rows)

这一章,我们讲讲jquery的定制选择器,比如:nth-child(),:contains(),原来jquery的选择器这么强大,使用:contains()就可以直接获取到包含某一个文本的DOM节点,不用什么遍历去判断了

2013-09-26 23:27:25 1056

原创 使用jquery获取网页中图片的高度——解惑

jQuery获取网页中图片的高度使用jquery获取网页中图片的高度其实很简单,有两种常用的方法都可以打到我们的目的$("img").whith();(返回纯数字)$("img").css("width");(返回字符串:数字+"px")但是有时候会遇到返回0的情况,上面方法返回值竟然是0或者0px,很让人诧异方法一在很早之前,我使用的解决方法,这也是我的师傅告诉我

2013-09-26 15:45:36 3627

翻译 (3)选择元素——(8)定制选择器(Custom selectors)

了解过jquery对选择器的扩展吗?这篇文章介绍一下jquery独有的定制选择器,比如:eq(1),虽然不常用,但是在某些时候会方便我们查找一些元素

2013-09-25 20:23:22 1315

翻译 (3)选择元素——(7)为链接加样式(Styling links)

Let's say we want to have different styles for different types of links. We first define the styles in our stylesheet, as follows:a { color: #00c; }a.mailto { background: url(images/mail.png) no-rep

2013-09-25 19:26:30 1200

翻译 (3)选择元素——(6)属性选择器(Attribute selectors)

关于jquery的属性选择器,可以使用简单的正则,&=,^=,*= 这些你在使用jquery的属性选择器的时候用过么?

2013-09-24 20:20:20 1020

翻译 (3)选择元素——(5)为项目列表加样式(Styling list-item levels)

Let's suppose that we want the top-level items, and only the top-level items, to be arranged horizontally. We can start by defining a horizontalclass in the stylesheet:.horizontal {float: left;list-

2013-09-24 20:18:02 976

翻译 (3)选择元素——(4)css选择器(CSS selectors)

渐进增强有责任感的jquery开发者应该总是应用渐进增强和优雅降级的概念到自己代码中,确保这个网页将会精确的渲染,即使在js被禁用后不是像启用js后的那么漂亮。我们将在整本书中继续探索这个概念

2013-09-16 17:49:46 942

翻译 (3)选择元素——(3)$()方法(The $() function)

无论我们想在jquery中使用哪种类型的选择器,我们总是使用相同的函数$()开头。这个函数典型的接受一个css选择器作为他的基础的元素,然后作为一个工厂放回一个指向网页上相应元素的的新的jquery对象。任何能被样式表使用的东西都可以作为字符串传递给这个方法,允许我们把jquery方法应用到匹配的元素上。

2013-09-15 01:05:35 1231

翻译 (3)选择元素——(2)文档对象模型(The Document Object Model)

One of the most powerful aspects of jQuery is its ability to make selecting elements in the DOM easy. The Document Object Model serves as the interface between JavaScript and a web page; it provides a

2013-09-15 00:47:05 1274

翻译 (3)选择元素——(1)选择元素(Selecting Elements)

The jQuery library harnesses the power of Cascading Style Sheets (CSS) selectorsto let us quickly and easily access elements or groups of elements in the Document Object Model (DOM). In this chapter,

2013-09-12 12:32:49 577

翻译 (2)入门指南——(11)总结(Summary)

到此,Learning jQuery第一章:入门指南 翻译结束,这里是最后的总结。从头开始重新审视jquery,感觉jquery真是一个好东西啊,虽然移动端前端开发库选择很多,但是不得不说PC端,还是首选jQuery

2013-09-12 12:29:25 946

翻译 (2)入门指南——(10)Firebug

web开发中,开发工具必不可少,这里对常用的web开发工具firebug做一个介绍

2013-09-12 12:25:34 1197

翻译 (2)入门指南——(9)开发工具(Development tools)

正如展示的代码对比,jquery的代码和原生js代码对比要更短,更清晰。然而,这不意味着,我们将总是能够写出没有bug的代码,或者我们总是能直观的理解正在我们的网页上发生了什么。借助于标准的开发工具,我们的jquery代码体验将变的更加流畅。高质量的开发工具在所有的现代浏览器中都是是可以找到的,我们可以自由使用对我们来说最舒适的环境。可选项包括:

2013-09-12 12:14:09 1648

原创 jquery如何在加载完iframe的内容后才进行下一步操作

为iframe添加onload事件ie使用attachEvent("onload",function(){})firefox、chrome使用addEventListener("onload",function(){}),或者直接使用onload=function(){}注:在firefox、chrome下 iframe.attachEvent返回undefined,可被翻

2013-09-09 21:28:34 2513

原创 try catch finally的执行顺序到底是怎样的?

首先执行try,如果有异常执行catch,无论如何都会执行finally一个函数中肯定会执行finally中的部分。关于一个函数的执行过程是,当有return以后,函数就会把这个数据存储在某个位置,然后告诉主函数,我不执行了,接下来你执行吧,所以函数就会推出。但是当一个函数中出现finally以后,finally永远都要执行,所以,就算t

2013-09-09 21:20:27 1407

原创 js获取url参数值

在后台获取url中的参数值很简单,只需要调用request.getParamter()就可以了,但是在前台如何使用js获取url中的参数值呢,这里我介绍两种方法。

2013-09-09 21:19:39 1231

翻译 (2)入门指南——(8)原始的js代码和jquery对比(Plain JavaScript vs. jQuery)

,原生js和使用jquery写出来的代码有什么区别呢?我们可以清晰的看到我们的使用query的代码比原生js代码写起来更容易,读起来更简单,运行起来更快。

2013-09-09 21:11:26 1151

原创 xxx==null和xxx.equals(null)的区别

如果xxx不是null的话,xxx==null将返回false,如果xxx是null的话,xxx将返回ture而对xxx.equals(null)而言,他将永远返回false,因为如果xxx不是null,将不会返回false,如果xxx是null的话,将会抛出空指针异常NullPointerException。总结一句话就是:永远不要用xxx.equals(null),因为没有意义。

2013-09-09 15:43:31 4347

转载 如何高效使用Vim

用vim 快两年了 看过教程也不少,总的来说还是得自己多练习,当自己觉得有需要的时候,再添加功能。这里分享个看过的最好的教程,出自贴吧的某个朋友,写的很好零学会盲打壹配置文件先从最简开始,在 伍级 前别考虑配置插件,千万别硬背命令,千万别直接取用别人的配置文件基本还是长时间待在 insert mode 下,会觉得 vim 也不过尔尔,也不好用,这个时候,编辑效率可能比用原来

2013-09-08 14:33:15 763

原创 关于java中的事件类型

java中的Date是为了证明:天才的程序员也会犯错;java中的Calendar是为了证明:普通的程序员也会犯错。————————————————————stackoverflow上大部分都推荐joda-time来处理java中的时间类型,贴一个好的博客地址:http://www.ibm.com/developerworks/cn/java/j-jodatime.html#res

2013-09-06 08:53:48 1261

原创 遍历Map的四种方法

在java中Map是必不可少要接触的对象,但是我们要怎么遍历一个map呢,下面介绍四种常用的方法。//第一种:普遍使用,二次取值System.out.println(“通过Map.keySet遍历key和value:”);for (String key : map.keySet()) {System.out.println(“key= “+ key + ” and value= ” + map.get(key));}

2013-09-06 08:50:01 1381

翻译 (2)入门指南——(7)添加jquery代码(Adding our jQuery code)

这是一个jquery入门的小小的范例,讲解了jquery的引入,方法的注入,和方法的执行。对jquery的基本的使用做了一个入门式的指引。

2013-09-06 00:39:28 1541

翻译 (2)入门指南——(6)在html文档中引入jquery(Setting up jQuery in an HTML document)

There are three pieces to most examples of jQuery usage: the HTML document, CSS files to style it, and JavaScript files to act on it. For our first example, we'll use a page with a book excerpt that h

2013-09-05 15:25:11 910

翻译 (2)入门指南——(5)下载jquery(Downloading jQuery)

No installation is required. To use jQuery, we just need a publicly available copy of the file, whether that copy is on an external site or our own. As JavaScript is an interpreted language, there is

2013-09-05 00:14:33 650

翻译 (2)入门指南——(4)我们第一个使用jquery的网页(Our first jQuery-powered web page)

Now that we have covered the range of features available to us with jQuery, we can examine how to put the library into action. To get started, we need a copy of jQuery.现在我们已经讲过了使用jquery对我们有用的特点的范围,我

2013-09-05 00:08:56 611

翻译 (2)入门指南——(3)为什么jquery工作的很好(Why jQuery works well)

jquery是如何实现那么多功能的同时,还保持相对的简单呢?下面这一章节介绍了jquery优雅实现这么多功能而使用的策略

2013-09-05 00:07:14 1571 1

翻译 (2)入门指南——(2)jQuery可以做什么(What jQuery does)

jquery是一个很强大的库,这段文字精炼的告诉了我们jquery的核心功能,使用jquery可以很方便的让我们做到那些事情。

2013-09-02 23:52:40 1107

翻译 (2)入门指南——(1)入门指南(Getting Started)

Today's World Wide Web is a dynamic environment, and its users set a high bar for both style and function of sites. To build interesting, interactive sites, developers are turning to JavaScript librar

2013-09-02 13:32:24 459

翻译 (1)前言——(17)问题(Questions)

You can contact us at questions@packtpub.comif you are having a problem with any aspect of the book, and we will do our best to address it.如果你有关于这本书任何方面的问题,你可以通过questions@packtpub.com联系我们,我们将尽我们最大的努

2013-09-02 12:38:37 515

翻译 (1)前言——(16)盗版(Piracy)

Piracy of copyright material on the Internet is an ongoing problem across all media. At Packt, we take the protection of our copyright and licenses very seriously. If you come across any illegal copie

2013-09-02 12:36:41 671

翻译 (1)前言——(15)勘误表(Errata)

Although we have taken every care to ensure the accuracy of our content, mistakes do happen. If you find a mistake in one of our books—maybe a mistake in the text or the code—we would be grateful if y

2013-09-02 12:36:06 840

淘宝客链接批量导出工具

淘宝客链接批量导出工具,阿里妈妈已经取消了批量导出的工具,这个工具可以批量导出淘宝客链接。

2014-02-05

我自己用js写的一个超级弱智的网页小游戏

最近学习了js,做事件处理和元素的动态移动的时候突发奇想自己做了一个超级简单的弱智网页游戏,拿出来让大家玩玩,如果有喜欢的人的话,我再优化一下,加入持续时间记录、游戏难度设置、路径多样这些新功能。希望大家不要嘲笑这个超级弱智的小游戏。

2012-08-01

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除