- 浏览: 6534 次
- 性别:
- 来自: 武汉
最近访客 更多访客>>
最新评论
-
micro-feng:
1927105 写道micro-feng 写道 ,怎么说呢,相 ...
锋利的jQuery之jQuery DOM操作 -
1927105:
micro-feng 写道 ,怎么说呢,相对于document ...
锋利的jQuery之jQuery DOM操作 -
micro-feng:
,怎么说呢,相对于document的偏移量就是指相对于视窗的 ...
锋利的jQuery之jQuery DOM操作 -
1927105:
引用
offset()方法,获取元素在当前视窗中的偏移
这段写 ...
锋利的jQuery之jQuery DOM操作
文章列表
1.jQuery中的事件
1.1加载DOM
$(document).ready()方法与window.onload方法之间比较:
执行时机
window.onload方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行的,这时JavaScript才能访问网页中的任何元素。而$(document).ready()方法在DOM完全就绪时就可以被调用。此时网页中的所有元素对jQuery而言都是可以访问的,但是,这并不意味着这些元素的关联文件都已下载完毕。$(window).load(function(){})等价于window.onload.
多次使用
wi ...
jQuery对Ajax进行了封装,$.ajax()方法是最底层的方法,第2层是load(),get(),post()方法,第3层是$.getScript()和$.getJSON()方法。
1.load()方法
1.1载入HTML文档
load(url [,data] [,callback])
url所请求HTML页面的url
data发送至服务器的key/value
callback请求完成(无论成功还是失败)时的回调函数
1.2筛选载入的文档
用于筛选载入的HTML文档时,url参数的语法结构为"url selector".
1.3传递方式
l ...
今天在查看蘑菇街页面的代码时,发现这样几行代码:
<link rel="dns-prefetch" href="http://s6.mogucdn.com/">
<link rel="dns-prefetch" href="http://s7.mogucdn.com/">
<link rel="dns-prefetch" href="http://s6.mogujie.cn/">
< ...
1.查找节点
1.1查找元素节点
1.2查找属性节点
2.创建节点
2.1创建元素节点
2.2创建文本节点
2.3创建属性节点
3.插入节点
append()向每个匹配的元素内部追加内容
appendTo()将所有匹配的元素添加到指定的元素
prepend()在每个匹配的元素内部前置内容
prependTo()将所有匹配的元素前置到指定元素
after()在每个匹配的元素后插入内容
insertAfter()将所有匹配的元素插入到指定元素后
before()在每个匹配的元素前插入内容
insertBefore()将所有匹配的元素插入指定元素之前
...
CSS中的position属性有static,relative,absolute和fixed四个。他们之间的区别是什么呢?
position属性的默认值是static。主要是要弄清楚两个问题:对象能不能被定位(即通过top,left,bottom,right能不能定义对象的相对偏移量),对 ...
jQuery选择器
1.基本选择器
基本选择器是jQuery中最常用的选择器。基本选择器有:
#id根据给定的Id匹配一个元素,返回单个元素。
.class根据给定的类名匹配元素,返回集合元素。
tag根据给定的标签名匹配元素,返回集合元素。
*匹配所有元素,返回集合元素。
s1,s2,...,sn逐个选择器匹配,返回集合元素。
2.层次选择器
层次选择器,顾名思义,就是根据DOM元素之间的层次关系来选取元素,例如有父元素,子元素,兄弟元素等等。层次选择器有:
ancestor descendent选取ancestor元素中所有的descendent元素,返回 ...
虽然使用jQuery可以很方便的开发web应用,但是考虑到性能的影响,在能使用原生JavaScript语句的时候还是应该尽量使用原生的。
比如$("#test").html("test"); //1
document.getElementById("test").innerHTML = "TEST"; //2
经过测试,这两条语句中2的性能要比1的性能提高大约6~7倍。
在jQuery中使用各种选择器的快慢顺序如下:
使用id,tag等各种浏览器都有原生js方法的选择器的速度是最快的。 ...
最近突然发现Java运行时会报无法加载主类或**类的错误,但是javac编译又可以通过,在网上找了下,大多是说环境变量设置错误,对照之后也没发现环境变量设置有问题,索性就重新安装了java,但是还是不行。
但是,在晚上查原因的时候发现有一个提问的人在描述问题时,说到javac编译没有问题但是运行java HelloWorld就出错,我突然意识到了我的问题,因为我运行的是java HelloWorld.class,所以就会报错无法加载主类HelloWorld.class。运行java HelloWorld就没有问题了。
简单的分析下为什么我会犯这样的错误,一个原因就是java用的少,再 ...
因为java静态成员是在类加载的时候初始化的,实例成员是在类实例化的时候或者说创建对象的时候初始化的。而调用静态方法的时候,实例成员可能还没有初始化,如果静态方法可以访问实例成员,那么就可能会访问不存在的变量或方法,所以静态方法只能访问静态成员不能访问实例成员,实例方法是可以访问静态成员和实例成员的,因为静态成员是先于实例成员存在的。同样的道理,在静态方法中是不能出现this,super等与对象实例有关的关键词的。
静态方法的利弊,利:类和所有的对象实例共享一份数据,而不是每个对象单独享有数据的一个副本,节省空间;弊:生命周期过长,同时所能访问的成员受限。
在JavaScript中,类有静态方法和实例方法之分。静态方法就是可以通过类直接访问的方法,不用声明类实例来访问;实例方法则不能通过类直接访问,必须要通过类声明的实例来访问。静态属性和实例属性也类似。
代码示例:
HelloWorld = function(){};
HelloWorld.prototype = {
name: "helloworld", //实例属性
hello: function(){alert(this.name)} //实例方法
};
HelloWorld.age = 0; //静态属性
HelloWor ...