2024年4月23日发(作者：)
第一章
一、$(document).ready(function(){
//do something
});
和的区别
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对象的转换
转化为DOM对象
Var $variable = $(“tr”); //jQuery object
Var variable = $variable[0]; //DOM object
The transpartent method.
DomObject = jQueryObject[index] or = (index).
Object To jQuery Object
Var variable = getElementsByTagName(“tr”); //DOM object
Var $variable = $(variable) // jQuery object;
The transpartent method.
jQueryObject = $(DomObject)
四、jQuery开发工具
eaver 可以安装插件提示jQuery 插件名称：jQuery_
功能非常强大的、开源、专注javascript和Ajax开发IDE;
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”)）
注意，相邻选择器和兄弟选择器用的比较少，因为有更好的替代方法，前者有.netx()
来代替，后者用.sublings()来代替，这个方法可以选择所有的同辈元素，不受先后顺序
影响。
过滤选择器主要有 $(“demo:first”),$(“demo:last”),$(“demo:not(**)”),$(“demo:even”)
,$(“demo:odd”),$(“demo:eq(index)”),$(“demo:gt(index)”),$(“demo:lt(index)”),$(“demo:head
er”),$(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]”),
发布评论