jQuery
<script src="jquery-1.12.4.js"></script>
<script type="text/javascript">
$(document).ready(function a() {
alert("我编写的第一个jQuery程序!^^");
}
)
</script>
主要语法:
(selector).action();工厂函数
(
s
e
l
e
c
t
o
r
)
.
a
c
t
i
o
n
(
)
;
工
厂
函
数
():将DOM对象转化为jQuery对象
选择器selector:获取需要操作的DOM元素
方法action():jQuery中提供的方法,其中包括绑定事件处理的方法
添加一个类样式:
jQuery 对象.addClas([样式名]);
.click()点击事件
(selector).show()显示
(
s
e
l
e
c
t
o
r
)
.
s
h
o
w
(
)
显
示
(selector).hide()隐藏
(selector).html()获取文本
(
s
e
l
e
c
t
o
r
)
.
h
t
m
l
(
)
获
取
文
本
(num)把num转为jQuery对象
next()下一个
jQuery对象命名一般约定以$开头
siblings()获得当前元素的兄弟元素
基本选择器:
标签选择器:
(“h2”)所有的h2类选择器:
(
“
h
2
”
)
所
有
的
h
2
类
选
择
器
:
(“.title”)class为title的
Id选择器:(“#titile”)id为title的
并集选择器:
(“#titile”)id为title的 并集选择器:
(“div,p,#title”)div,p和拥有class为title的
全局选择器:$(“*”)选取所有元素
层次选择器:
后代选择器:(“#menu span”)选取#menu下的span标签
子选择器:
(“#menu span”)选取#menu下的span标签 子选择器:
(“#menu>span “)选取#menu子元素span
相邻元素选择器:
(“h2+dl”)选取紧邻h2元素之后的同辈元素dl同辈元素选择器:
(
“
h
2
+
d
l
”
)
选
取
紧
邻
h
2
元
素
之
后
的
同
辈
元
素
d
l
同
辈
元
素
选
择
器
:
(“h2~dl”)选取h2元素之后所有的同辈元素dl
属性选择器:
(“[href]”)选取含有href属性的元素
(
“
[
h
r
e
f
]
”
)
选
取
含
有
h
r
e
f
属
性
的
元
素
(“[href=’#’]”)选取含有href属性值为“#”的元素
$(“[href!=’#’]”)选取含有href属性值不为“#”的元素
过滤选择器:
:first第一个
:last最后一个
:not(selector)选取不是not里面那个选择器的
:even偶数
:odd奇数
:eq(index)选取索引等于index的
:gt(index)选取索引大于index的不包括index
:lt(index)选取索引小于index的不包括index
:header选取h1-h6标题的
:focus焦点
:visible选取所有的可见元素
:hidden选取所有隐藏元素