JavaScript篇

此文转载自一个朋友的js学习小记：

 

1. 你应该使用的20个有用的jQuery方法

http://www.haojii.com/2010/04/20-helpful-jquery-methods-you-should-be-using/

 

2. jQuery的三种写法

第一种：

$(document).ready(function() {
    // 代码
});

第二种：

$(function() {
    // 代码
});

第三种（避免与其他框架冲突）：

(function($) {
    // 代码
})(jQuery)

 

创建DOM元素到body：

$("
this is a new div!!!
").appentTo("body");

 

jQuery支持的基本的CSS选择器：

*
E
E F
E > F
E + F
E ~ F
E:has(F)
E.C
E#I
E[A]
E[A = V]
E[A ^= V]
E[A $= V]
E[A *= V]

jQuery的位置选择器：

:first                    页面中最先的匹配
:last                    ×××最后×××
:first-child                最先的子元素
:last-child                ×后××××
:only-child                返回没有兄弟节点的所有元素
:nth-child(n)                第n个子节点
:nth-child(even|odd)            偶数或奇数的子节点
:nth-child(Xn+Y)            根据传入的函数选择等差数列的节点
:even 或 :odd                页面中偶数或技术的匹配元素
:eq(n)                    第n个匹配的元素
:lt(n)                    第n个匹配元素（不包括）之前的元素
:gt(n)                    第n个匹配元素（不包括）之后的元素

jQuery插件

 

1. 背景移动插件

http://spritely.net/

2. 类似flickr图片Notes

http://jquery-notes.rydygel.de/samples.php

3. 图片放大

http://highslide.com/

函数式编程

http://shiningray.cn/functional_javascript_programming.html

 

小记

从本质上说，jQuery 可以使 DOM 脚本中的常用操作变得更加容易。您可以创建元素并且使用 append() 函数把它们与其它的一些元素链接到一起，使用 clone() 复制元素，使用 html() 设置内容，使用 empty() 函数删除内容，使用 remove() 函数删除所有的元素，即便是使用 wrap() 函数，用其他元素将这些元素包装起来。 通过遍历 DOM，一些函数可以用于更改 jQuery 对象本身的内容。可以获得元素所有的 siblings()、parents() 和 children()。还可以选择 next() 和 prev() 兄弟元素。find() 函数或许是功能最强大的函数，它允许使用 jQuery 选择器搜索 jQuery 对象中元素的后代元素。