astheitgirl
- 浏览: 21891 次
- 性别:
- 来自: 南京
-
最新评论
文章列表
1.时间流分为三个阶段：由根往目标的捕获阶段、目标阶段、由目标到根的冒泡阶段。
2.addEventListener(type, listener, boolean)
捕获阶段：boolean是true并注册了事件的元素
目标阶段：目标元素
冒泡阶段：boolean是false并注册了事件的元素
<div id="outDiv">
<div id="middleDiv">
<div id="inDiv"></div>
</div>
...
1.概念：其局部变量在函数调用结束之后继续存在。
2.前提：嵌套函数
function f(){
function fn1(){};
}
3.分析理解嵌套函数：
function f(){
function g(){
print 'g is a function'
};
g();//生成Call-g对象
}
f();//javascript中对函数的调用会隐式生成Call对象，此处生成Call-f对象，Call-f的属性包括f和g，此对象在函数调用结束后被销毁。Call-f对象被销毁的时候，相关的属性也被销毁。
==>g is a fu ...
1.正则表达式---》平时读
目标：能够写出简单的正则，能够读懂大部分正则
2.javascript权威指南（***）---》精心研究
目标：读透，做好笔记
3.jquery源码解析
目标：在自己的html调试jquery试试
4.好书收藏
找这本书作为枕边读本---》《计算机程序设计艺术》
http://wenku.baidu.com/link?url=CKHeTufApqaQZGlSfoQ1Ww-xewPSQUKwCjxnRIChA0-_ExvDpSZG0XqdVHWiXtw79Zu36-9KvtuVaOudrxZ6DlIcLPS9RufhjoJmW7quZuq
《好设计不简单Ⅰ：10 ...
先普及一下书中提到的一些术语
(1)原始值：1，“2”，false，true，null，undefined
(2)复杂值又称为复杂对象或引用对象:new String/Number/Array/Object/Boolean()等
//原始值
var str2 = String('12');
var str = '22';
//复杂值
var obj = {};
var str = new String();
1.构造函数实例拥有指向构造函数的constructor
var foo = function(){};
var obj = {};
var str = new S ...
javascript使用prototype让实例共享所有方法和属性。
1.对原型链有个初印象
var myFn = function(){
var arr = new Array();
arr.foo();//"foo"
arr.hasOwnProperty('foo');//false
};
Array.prototype.foo = function(){
return "foo";
};
通过hasOwnProperty发现arr没有foo方法，但是arr.foo()调用没有出错。这都归功于原型链。
函数 ...
1.将其他类型转换为数组，一般想到的是toArray，我们看一下toArray的源码实现
toArray: function() {
return slice.call( this, 0 );
}
2.当没有传递参数时get将返回一个数组，数组中包括所有元素。
$div.get(0); //等同于$("div:first");
$div.get().length === $("div").length; //true
3.jQuery提供的slice和eq方法都是支持负数参数的。
slice(begin[,end])是从0开始索 ...
对javascript函数调用中不好理解的部分做了解析，和对this的再次理解
var click_fn = function(id){
alert(id);
};
var check_this_fn = function(){
alert($(this).val());
};
var check_param_fn = function(value){
alert(value);
};
click_fn();//undefined(1)
$("#all_checkbox").click(function () {
$( ...
JavaScriptDOM编程艺术学习笔记
- 博客分类：
- jQuery
3.DOM
3.1javascript中对象的种类
1.用户定义的对象：程序员自行创建的
2.内建对象：内建在javascript语言中的，例如Array、Date等
3.宿主对象：浏览器提供的对象
（1）Window对象是最基础的宿主对象，对应浏览器窗口本身，其属性和方法统称为BOM。
3.2节点
1.元素节点：p，li等
2.文本节点：包含在元素节点内部的文本
！--其中的汉字就是文本节点--
<p>这就是文本节点</p>
3.属性节点：
！--其中的汉字就是文本节点--
<p title=“这是属性节点”>这就是文本节点</p&g ...
以下是对jquery-1.6.1.js中的init的解析，旨在分析ID选择器返回唯一一个匹配的元素（1），而多条件选择器返回的确是全部匹配的元素（2）。
（1）是ID选择器走的分支
（2）是多条件选择器走的分支
init: function( selector, context, rootjQuery ) {
var match, elem, ret, doc;
// 传入的selector为$(""), $(null), or $(undefined)
if ( !selector ) {
return this;
}
...
trigger在页面加载时执行，可以自定义事件，并传递参数。咱们一步步的来了解trigger。
1.首先下面的例子，只有在click的时候才会触发下面的事件。
$(document).ready(function(){
var click_fn = function(){
$("p").slideToggle();
};
//just click
$("button").click(function(){
click_fn.call();
});
});
2.可以有多种方式来模拟人的行为，看下面 ...
siblings(".selected")查找所有类名为"selected"的同胞元素
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<div><span>Hello</span></div> ...
html()显示html，包括标签
text()显示的是纯文本
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert($(" ...
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
var $first_p = $("p:eq(0)");
$f ...
toggleClass(classname[,boolean]),其中第二个参数是可选的。当只传递一个参数时，toggleClass的原理如下：首先判断选择器是否有classname，如果有则动用removeClass(classname)；否则动用addClass。当传递第二个参数（true）时，相当于调用addClass(classname)；第二个参数传递(false)时，相当于调用removeClass(classname)。
<html>
<head>
<script type="text/javascript" src=&qu ...
event.preventDefault()用于阻止默认操作，以下两个例子的效果是一样的。
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
</head>
<body>
<a href="http://jquery.com">default click action ...