一、今日所学内容
1、jQuery基础
html节点、css、事件函数、js特效与动画
使用:js函数库
引入:引入本地、在线cdn地址
标签:script中使用src
版本:未压缩、压缩版
2、入口函数
(1)原生写法
一旦dom结构渲染完毕就可以执行内部代码——window.onload
(2)jQuery写法
$(function(){js代码})
$(document).ready(function(){js代码})
3、获取节点
$('选择器')
返回值:event.fn.initlength索引
4、jq对象与原生对象相互转换
(1)jq对象转原生对象
jq对象[索引]
(2)原生对象转jq对象
$(原生对象)
5、jQuery对象的遍历
6、jQuery对象操作样式
单个样式
多个样式
隐式迭代
7、操作类名
添加类:addClass
移除:removeClass
切换:toggleClass(没有就添加,有就移除)
8、选择器
(1)选择器
基础选择器
id选择器
class选择器
标签选择器
通用选择器
(2)层次选择器
后代选择器
子代选择器
相邻选择器:prev+next$('#box+ul')
同辈选择器:prev~siblings$('#box~div')
(3)表单选择器
$(':input')里面的input可以是:input/select/textarea/button
input标签的type属性的选择器
:text
:password
(4)筛选选择器
集合中的第一个元素:first()
集合中的最后一个元素:
last()
eq($lis.length-1)
某一个类似于:nth-child(n):eq()
下一个:next()
上一个:prev()
后面的所有兄弟节点:nextAll()
筛选出元素后面所有的兄弟元素,直到选择器元素为止:nextUntil()
最近一级的父级元素:parent(),不会返回其他祖先元素
所有的父级元素:parents(),不传参会返回所有的祖先元素,传参会返回所需要的的祖先元素;当有多个祖先元素时会返回一个集合
不包含括号内参数的这个选择器对应的元素:parentsUntil(选择器)
筛选出所有符合条件的子元素:children(选择器)
后代元素:find(选择器)
所有的兄弟节点,不包含自己:siblings()
索引:从0开始:index()
|