第一章
一、$(document).ready(function(){
        //do something
});
和load的区别
1. 前者同一页面可以使用多次，后者出现多次只有最后一次能正确显示
2. 前者在DOM模型加载完成后就开始执行，后台在所有元素（包括图片）加载完成后执行
3. 前者可以简化为$(function(){
//do something
});
        后者没有简写形式。
二、jQuery比较常使用的是链式操作，比如一个书目导航条：
    $(function(){
    $(“ul”).click(function(){
$(this).addClass(“current”).children(“li”).slideDown().end().sublings().removeClass(“current”).children(“li”).slideUp();
})
})
对于同一元素不超过3个操作的，一般写同一行，如果操作过多，可以将类似的操纵写成一行，便于阅读。
三、jQuery对象和DOM对象的转换
    1.jQuery转化为DOM对象
        Var $variable = $(“tr”); //jQuery object
        Var variable = $variable[0]; //DOM object
    The transpartent method.
        DomObject = jQueryObject[index] or = (index).
    2.DOM Object To jQuery Object
        Var variable = getElementsByTagName(“tr”); //DOM object
        Var $variable = $(variable) // jQuery object;
    The transpartent method.
        jQueryObject = $(DomObject)
四、jQuery开发工具
    1.Dreamweaver 可以安装插件提示jQuery 插件名称：p
    2.Aptana 功能非常强大的、开源、专注javascript和Ajax开发IDE;
    3.Visual Studio 2008。想要安装插件之后才能提示jQuery
       
第二章
一、选择器
    jQuery的选择器和CSS的选择器非常相似，只不过两者的作用效果不同，CSS是对元素增加样式，jQuery是对元素增加行为。
    jQuery写法
    $(“.classname”){
        //do something
}
CSS写法
.classname{
    //do something
}
jQuery获取的永远是对象，如果要判断页面是否有没个元素不能直接写
if($(“.classname”)){
    //do something
}
而要根据获取到元素的长度来判断，写成
If($(“.classname”).length>0){
    // do something
}
或者转化为DOM对象来判断，写成
If($(“.classname”).get(0)){
    //do something
}
jQuery的基本选择器：
    ID选择器（$(“#IDname”)），类选择器（$(“#className”)），标签选择器（$(“p”)），通配选择器（$(“*”)）。
层次选择器：
    后代选择器（$(“ancestor descendent”)），子选择器（$(“parent > child”)），相邻选择器（$(“prev+next”)），兄弟选择器（$(“prev~sublings”)）
    注意，相邻选择器和兄弟选择器用的比较少，因为有更好的替代方法，前者有x()来代替，后者用.sublings()来代替，这个方法可以选择所有的同辈元素，不受先后顺序影响。
    过滤选择器主要有 $(“demo:first”),$(“demo:last”),$(“demo:not(**)”),$(“demo:even”)
,$(“demo:odd”),$(“demo:eq(index)”),$(“demo:gt(index)”),$(“demo:lt(index)”),$(“demo:header”),$(demo:animated)
    内容过滤选择器$(“demo:contains(text)”),$(“demo:empty”),$(“demo:has(selector)”),
$(“demo:parent”)
    可见性过滤选择器$(“demo:hidden”),$(“demo:visible”)
    属性过滤选择器$(“demo[attribute]”),$(“demo[attribute=value]”),
$(“demo[attribute!=value]”),$(“demo[attribute^=value]”),$(“demo[attribute$=value]”),
$(“demo[attribute*=value]”),$(“demo[attribute][attribute]…”)
    子元素过滤选择器$(“demo:nth-child(index/even/odd)”),$(“demo:first-child”),
$(“demo:last-child”),$(“demo:only-child”)
    表单对象属性过滤选择器$(“demo:enable”),$(“demo:disabled”),$(“demo:checked”),
$(“demo:selected”)
    表单选择器$(“demo:input”),$(“demo:text”),$(“demo:password”),$(“demo:radio”),
$(“demo:checkbox”),$(“demo:image”),$(“demo:submit”)…
jquery学习在线教程
   
第三章
所谓DOM，就是将HTML中的每一个节点看成一个DOM，多个DOM组成DOM树。
jQuery中的DOM操作主要包括：
1. 创建元素节点：
a) $(“html”) 比如：var $li = $(“<li>first DOM</li>”);
b) 创建文本节点 var $li = $(“<li>firstDOM</li>”); $(“ul”).append($li);
2. 插入节点使用下面方法：
a) append() 向每个匹配的元素增加内容；
b) appendTo(),比如A appendTo (B)，把A加到B，同上面相反；
c) prepend() 向每个匹配的元素前置内容；
d) prependTo() 同appendTo()用法；
e) after() 在每个匹配的元素之后增加内容；
f) insertAfter() 同appendTo()；
g) before() 在每个匹配的元素之前增加内容；
h) insertBefore() 同appendTo()；
3. 删除节点
a) remove() 删除选中的元素及其子元素；
b) empty() 清空节点内容；
4. 复制节点
a) clone() 可添加参数true设置是否觉有原元素的属性；
5. 替换节点
a) replaceWith() 将匹配的元素设置为给定的HTML；
b) replaceAll() 同appendTo()；
6. 包裹节点
a) wrap() 将匹配的元素用给定的HTML包裹起来；
b) wrapAll() 将匹配的元素用一个元素包裹；
c) wrapInner() 将匹配的元素的子内容用给定的HTML包裹起来；
7. 属性操作
a) attr() 将匹配的元素设置属性；
b) removeAttr() 将匹配的元素删除属性；
8. 样式操作
a) attr() 可以为匹配的元素设置class属性，但是这是替换，不是追加；
b) addClass() 为匹配的元素增加样式；
c) removeClass() 将匹配元素的给定样式移除；
d) toggle() 切换样式；
e) hasClass() 判断是否具备给定的样式，返回ture/false
9. 设置获取HMTL，文本值
a) html() 读取或设置匹配元素的HTML内容；
b) text() 读取或者设置匹配元素的HTML文本；
c) val() 读取或者设置元素的值，主要指下拉菜单，文本框，单选框等；
10. 遍历节点
a) children() 获得匹配元素子元素的集合；
b) next() 获得匹配元素相邻的下一个同辈元素；
c) prev() 获得匹配元素相邻的上一个同辈元素；
d) siblings() 获得匹配元素所有的同辈元素；
e) closet() 获得最近的匹配元素，子元素，父元素，这样的顺序寻；
11. CSS-DOM操作
a) css() 为匹配元素设置CSS样式；
b) height() 获得匹配元素的高；
c) offset() 获得元素在当前视窗的偏移，返回两个属性：top，left；
d) position() 获得元素相对于最近的一个position设置为relative或者absolute的元素的偏移量，返回两个属性：top，left
e) scrollTop(),scrollLeft()方法 获取滚动条距顶端和左侧的距离
第四章
一、 jQuery中的事件
a) window.load与$(function(){ // do something})的区别，前者一个页面存在多个，只能执行最后一个，后者全部执行；前者在所有元素加载完成后执行（包括图片），后者在DOM模型建立后执行；
b) 事件绑定：bind(type,[,data],fn)第一个参数是事件类型，包括blur,focus,load,resize,
scroll,unload,click,dblckick,mouseover,mousemove,mouseout,mouseup,mousedown,mouseenter,mouseleave,change,select,submit,keydown,keypress,keyup,error等；第二个是可选参数，传递给事件的其他参数；第三个用来绑定事件参数；该方法可以简写，即常见的$(“selector”).click/hover/mouseover/…
c) 合成事件：hover(enter,leave)，当鼠标指上去的时候，会触发第一个函数，当鼠标移除的时候，会触发第二个函数；toggle(“fn1,fn2,fnN…”)，用于模拟鼠标连续单击事件，第一次点击，触发第一个函数，第二次点击触发第二个函数..

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。