04 jquery和选择器
jQuery:
就是对于js事件和DOM操作的封装
官网下载:https://jquery.com/
哪里需要,使用< script src=“” >< /script > 引入, 注意:一定要放在所有< script >标签的最前面
基本语法:
$(document).ready(function() {
$(“选择器”).事件([fun])
});
简写:$(function(){
$(“选择器”).事件([fun])
})
样式设置:
.css(“属性”, “值”)
.css({“属性”:“值”, “属性”:“值”, …})
.addClass(“样式类名”)
.removeClass(“样式类名”)
json数据格式:
{“width”:“100px”, “heigth”:“50px”}
[{},{},{}]
如:对象:{“name”:“张三”, “password”:“123456”, “age”: 45, “stu”:[{“stuNo”: “”, “stuName”: “”, …}]}
数组:[{}, {}, {}]
隐藏和显示:
.show([毫秒数]) 有时间代表:指定时间显示
.hide([毫秒数]) 有时间代表:指定时间隐藏
jquery选择器:
基本选择器
标签 $(“标签名”)
类 $(“.class属性名”)
id $(“#id属性名”)
层次选择器
后代 $(“a b”)
子 $(“a>b”)
相邻兄弟 $(“a+b”)
通用兄弟 $(“a~b”)
属性选择器
具有指定属性 $(“a[b]”)
指定属性=指定值 $(“a[b=v]”)
指定属性以指定值开头 $(“a[b^=v]”)
指定属性以指定值结尾
(
"
a
[
b
("a[b
("a[b=v]")
指定属性值包含指定内容 $(“a[b*=v]”)
基本过滤选择器
:first $(“a:first”)
:last $(“a:last”)
:not(selector) $(“a:not(b)”)
:even $(“a:even”)
:odd $(“a:odd”)
:eq(index) $(“a:eq(1)”)
:gt(index) $("a:gt(2))
:lt(index) $("a:lt(2))