04jquery和选择器

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$=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))
​
​