从Hello开始
注意:
- src引入jQuery库
- $函数按id查询对象
- 对象.click(function(){});
jQuery核心函数
传入参数为函数时
表示页面加载完成之后,相当于onload事件。
传入参数为HTML字符串
会对我们创建html标签对象
传入参数为选择器字符串时
传入参数为DOM对象时
把dom对象转化为jQuery对象。
区分DOM对象和jQuery对象
jQuery对象本质
jQuery对象是DOM对象数组+jQuery提供的一系列功能函数。
jQuery对象和DOM对象使用区别
jQuery对象不能使用DOM对象的属性和方法,同理DOM对象不能使用jQuery对象的属性和方法。
DOM对象和jQuery对象互转
DOM->jQuery
$(DOM对象)
jQuery->DOM
jQuery对象[下标]
jQuery选择器
基础选择器
层级选择器
基本过滤选择器
即使只查到一个 他依然是jQuery对象。
last同理。
odd同理。
内容过滤选择器
属性过滤选择器
表单过滤选择器
元素的筛选
jQuery属性操作
html text和val
attr和prop
把name设为abc
返回一个undefined 但是这显然不合理 没有设置的情况应该默认为false 用prop方法即可 返回一个false 如果是选中的 prop会返回true attr会返回checked
很明显用prop更好。
全选,全不选和反选
DOM的增删改
CSS样式操作
jQuery动画
基本动画
淡入淡出
jQuery事件操作
onload与$区别
显示时需要的内容,比如图片等。
其他事件处理方法
click传function是绑定事件,不传function是触发事件。