这篇博客详细介绍了jQuery的核心特性，包括DOM准备事件的区别，如$(document).ready()与Window.onload。讲解了jQuery的简写形式和DOM对象与jQuery对象之间的转换。此外，还展示了如何使用jQuery进行样式设置、内容操作、动画效果以及层次选择器。同时，文章也提到了jQuery中的过滤、添加/删除类和获取/设置文本内容等方法。
Jquery：(是一种轻量级的方法库)
Jquery引用：
本地引用：
Window.onload 必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结果绘制完毕后就执行，不必等待加载完毕。
Window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一次。第二次的会把第一次的覆盖掉。
$(document).ready()可以同时编写多个，并且都可以得到执行。
jquery入口小函数:
Window.onload没有简写；
(
d
p
c
u
m
e
n
t
)
.
r
e
a
d
y
(
f
u
n
c
t
i
o
n
(
)
)
可
简
写
为
(dpcument).ready(function(){})可简写为
(dpcument).ready(function())可简写为(function(){});
dom转化为jQuery：$(dom对象)
原生js：
Var _div=document.getElement(“box”);
_div.style.color=”red”;
_div.style.width=”200px”;
jQuery:
$(_div).css({width:”200px” , height:”100px” , color:”red”});
jQuery转为DOM:
1.jQuery对象[索引]；
2.jQuery对象.get[索引]；
如： $(“div”)[1].style.background=”red”;
$(“div”).get[0].style.background=”yellow”;
dom对象.innerText — jquery.text(); 获取
dom对象.innerText ---- jquery.html(内容); 设置
dom对象.innerText=abc -----
jquery对象.text(“abc”); 获取
dom对象.innerText=<span>aaa</span>; -------jquery对象.html(<span>aaa</sapn>); 设置
jquery对象.show(参数1，参数2)
参数1：可选 动画持续时间；
参数2：可选 回调函数 动画执行完后调用的函数。
jquery对象.hide(参数1，参数2)
参数1：可选 动画持续时间；
参数2：可选 回调函数 动画执行完后调用的函数。
jquery对象.toggle(参数1，参数2)
参数1：可选 动画持续时间；
参数2：可选 回调函数 动画执行完后调用的函数。
slideUp(speed,[callback] )
slideDown(speed,[callback] )
slideToggle() fadeIn(speed,[callback] )
fadeOut(speed,[callback]
fadeIn(speed,[callback])
fadeTo(speed,opacity,[callback]) //设置淡入淡出效果到一定的不透明度 fadeToggle()
jquery操作样式：
1.设置
设置单条样式 .css(“属性名”，”属性值”)
设置多条样式 .css({“属性名1”:”属性值1”,”属性名2”:”属性值2”,……})
2.获取样式
获取样式值 .css(“属性名”)
增加类 :
.addClass(“类名1 类名2 ……”) 多个类名之间用空格隔开
可增加/删除多个类：
.removeClass(“”)
有就删除无就增加：
.toggleClass(“”)
方法：
show() 显示隐藏的匹配元素，毫秒
hide() 隐藏显示的匹配元素，毫秒
css(name,value) 给匹配的元素设置css样式
text(string) 获取或设置匹配元素的文本内容,不包含html标签
filter(expr) 筛选出与指定表达式匹配的元素集合，其中expr可以是多个选择器的组合。
addClass(class) 为匹配的元素增加一个 类样式
removeClass(class) 为匹配的元素移除一个类样式
html() 获取或设置匹配元素的内容，包含html标签
siblings() $(“.abc”).siblings()匹配得到class=abc的其它兄弟元素
层次选择器：
1，
(
“
E
1
E
2
”
)
选
择
E
1
下
所
有
E
22
，
(“E1 E2”) 选择E1下所有E2 2，
(“E1E2”)选择E1下所有E22，(“div span”) 选择div下所有span
3，
(
“
E
1
>
E
2
”
)
选
择
E
1
下
的
子
E
2
,
不
包
含
E
2
下
满
足
的
元
素
,
4
，
(“E1> E2”) 选择E1下的子E2,不包含E2下满足的元素, 4，
(“E1>E2”)选择E1下的子E2,不包含E2下满足的元素,4，(“div > span”)选择div下的span元素，不包含span下的span元素
5，
(
“
E
1
+
E
2
”
)
选
择
E
1
后
紧
相
邻
的
E
26
，
(“E1+ E2”) 选择E1后紧相邻的E2 6，
(“E1+E2”)选择E1后紧相邻的E26，(“.one + div”)选择class=one的下一个div元素
7，
(
“
E
1
E
2
”
)
选
择
E
1
之
后
的
所
有
E
2
,
8
，
(“E1~ E2”) 选择E1之后的所有E2, 8，
(“E1 E2”)选择E1之后的所有E2,8，(“#one ~ div”)选择id为one后的所有div元素
选择器：
$(“E+F”):
(
"
E
"
)
.
n
e
x
t
(
)
;
("E").next();
("E").next();(“E”).next(F)往后查找 紧邻E选择器后的那一个F兄弟选择器；
$(“E+F”):
(
"
E
"
)
.
p
r
e
v
(
)
;
("E").prev();
("E").prev();(“E”).prev(F)往后查找 紧邻E选择器前的那一个F兄弟选择器；
$(“E-F”):
(
"
E
"
)
.
n
e
x
t
A
l
l
(
)
;
("E").nextAll();
("E").nextAll();(“E”).nextAll(F)往后查找 紧邻E选择器后的所有F兄弟选择器；
$(“E-F”):
(
"
E
"
)
.
p
r
e
v
A
l
l
(
)
;
("E").prevAll();
("E").prevAll();(“E”).prevAll(F)往后查找 紧邻E选择器前的所有F兄弟选择器；
(
"
E
:
e
q
(
索
引
)
"
)
−
−
−
−
−
("E:eq(索引)")-----
("E:eq(索引)")−−−−−(“E”).eq（索引）
7500
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
