哈利波特中文百科

jQuery使用手册–核心篇(Core)翻译整理:Young.J 官方网站:http://jquery.com jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便! 如果你不是个js高手又想写出优秀的js效果,jQuery可以帮你达到目的! 下载地址: Starterkit (http://jquery.bassistance.de/jquery-starterkit.zip) jQuery Downloads (http://jquery.com/src/) 下载完成后先加载到文档中,然后我们来看个简单的例子!
$(document).ready(function(){ $(”a”).click(function(){ alert(”Hello world!”); }); }); 上边的效果是点击文档中所有a标签时将弹出对话框,$(”a”) 是一个jQuery选择器,$本身表示一个jQuery类,所有$()是构造一个jQuery对象,click()是这个对象的方法,同理$ (document)也是一个jQuery对象,ready(fn)是$(document)的方法,表示当document全部下载完毕时执行函数。 在进行下面内容之前我还要说明一点$(”p”)和$(”#p”)的区别,$(”p”)表示取所有p标签( )的元素,$(”#p”)表示取id为”p”()的元素。 我将从以下几个内容来讲解jQuery的使用: 1:核心部分 2OM操作 3:css操作 4:javascript处理 5:动态效果 6:event事件 7:ajax支持 8:插件程序 一:核心部分 $(expr) 说明:该函数可以通过css选择器,Xpath或html代码来匹配目标元素,所有的jQuery操作都以此为基础 参数:expr:字符串,一个查询表达式或一段html字符串 例子: 未执行jQuery前: one
two
three jQuery jQuery代码及功能: function jq(){ alert($(”div > p”).html()); } 运行:当点击id为test的元素时,弹出对话框文字为two,即div标签下p元素的内容 function jq(){ $(” Hello”).appendTo(”body”); } 运行:当点击id为test的元素时,向body中添加“ [...]
架构 css在当前浏览器普遍支持的前提下,css被我们赋予了前所未有的使命。然而依赖css越多,样式表文件就会变得越大越复杂。与此同时,文件维护和组织的考验也随之而来。
(曾几何时)只要一个css文件就够了——所有规则(rule)汇聚一堂,增删改都很方便——可这种日子早已远去。(现在)建立新网站时,必须花点时间好好筹划怎么组织和架构css。
Ubuntu常用命令 sudo apt-get install 软件名 安装软件命令 sudo nautilus 打开文件(有root权限) su root 切换到“root”
ls 列出当前目录文件(不包括隐含文件) ls -a 列出当前目录文件(包括隐含文件) ls -l 列出当前目录下文件的详细信息
cd .. 回当前目录的上一级目录 cd – 回上一次所在的目录 cd ~ 或 cd 回当前用户的宿主目录 mkdir 目录名 创建一个目录 rmdir 空目录名 删除一个空目录 rm 文件名 文件名 删除一个文件或多个文件 rm -rf 非空目录名 删除一个非空目录下的一切
mv 路经/文件 /经/文件 移动相对路经下的文件到绝对路经下 mv 文件名 新名称 在当前目录下改名 find 路经 -name [...]
农民的jQuery之旅作者:Jack_Lee 来源:http://www.0411pet.com/blog
今天决定研究ajax框架,上网搜索一番,觉得jquery似乎不错,就研究它吧,研究的对象所定为jquery官网jquery.com,虽然说是英文的,就当是锻炼英语好了,翻译一下其中的内容,好久没干这个活了。
jQurey-写的更少,做得更多 jQuery是一个新类型的JavaScript类库 jQuery是一个快速的,简明的JavaScript类库,使你在如何traverseHTML文档,操作事件,使用动画和向你的网页中添加ajax交互变得更加的简单。jQuery是被设计用来改变你写JavaScript的方法的。 “你写了10行jQuery代码,相当于你写了20行乏味的DOM JavaScript。当你写完之后,一切只需要2或3行的代码而已,并且它不可能变得更短除非它看破了你的心思(read your mind)”-Dave Methvin
了解关于JQuery JavaScript类库 设计者,开发者,爱好者,商业用户……,jQuery适用于任何人。 JQuery类库能够适合任何不同的应用。 JQuery可以怎么帮助你呢?
轻量级-10KB的大小(压缩后) 适应CSS3-支持CSS 1-3 和 基本的XParh 跨浏览器-IE 6.0+,FF 1.5+,Safari 2.0+,Opera 9.0+
下载jQuery 下载jQuery(未压缩版)55kb-设计被用来测试,学习和开发 下载jQuery(压缩版)19kb-设计被用来生产使用(production use)
单词学习: concise adj.简明的, 简练的 traverse vt.横过, 穿过, 经过, 在…来回移动, 反对, 详细研究 interaction n.交互作用, 交感 tedious adj.单调乏味的, 沉闷的, 冗长乏味的 Compliant adj.顺从的, [...]
JavaScript容易犯错的九个陷阱来源:Realazy
来自Nine Javascript Gotchas, 以下是JavaScript容易犯错的九个陷阱。虽然不是什么很高深的技术问题,但注意一下,会使您的编程轻松些,即所谓make life easier. 笔者对某些陷阱会混杂一些评点。
1.最后一个逗号
如这段代码,注意最后一个逗号,按语言学角度来说应该是不错的(python的类似数据类型辞典dictionary就允许如此)。IE会报语法错误,但语焉不详,你只能用人眼从几千行代码中扫描。
<script> var theObj = { city : “Boston”, state : “MA”, } </script>
2.this的引用会改变
如这段代码:
<input type=”button” value=”Gotcha!” id=”MyButton” > <script> var MyObject = function () { this.alertMessage = “Javascript rules”; this.ClickHandler = function() { alert(this.alertMessage ); } }(); document.getElementById(”theText”).onclick = MyObject.ClickHandler </script>
并不如你所愿,答案并不是”JavaScript rules”。在执行MyObject.ClickHandler时,代码中红色这行,this的引用实际上指向的是document.getElementById(”theText”)的引用。可以这么解决:
<input type=”button” [...]