这是我参与「第四届青训营 」笔记创作活动的第5天
初识jQuery
jQuery是什么？
jquery.com/ jQuery的官方网址
jQuery是一个优秀的JS函数库，jQuery的核心应用就是查询
特点：write less do more
jQuery的两个利器
jQuery核心函数
简称：jQuery函数($/jQuery)
jQuery库向外直接暴露的就是$/jQuery，引入jQuery库后，直接使用$即可
当函数用：$(×××)
作为一般函数调用：$(param)
- 参数为函数：当DOM加载完成后，执行此回调函数
- 参数为选择器字符串：查找所有匹配的标签，并将它们封装成jQuery对象
- 参数为DOM对象：将DOM对象封装成jQuery对象
- 参数为HTML标签字符串(用的少)：创建标签对象并封装成jQuery对象
当对象用：$.×××() - $.each()：隐式遍历数组
- $.trim()：去除两端的空格
jQuery核心对象
简称：jQuery对象
得到jQuery对象：执行jQuery函数返回的就是jQuery对象
使用jQuery对象：$obj.×××()
- 即执行jQuery核心函数返回的对象
- jQuery对象内部包含的是dom元素对象的伪数组(可能只有一个元素)
- jQuery对象拥有很多有用的属性和方法，让程序员能方便的操作dom
.属性/方法
基本行为：size()/length [index]/get(index) each() index()
size()/length：包含的dom元素个数
[index]/get(index)：得到对应位置的DOM元素
each()：遍历包含的所有DOM元素,为每个匹配的元素执行一个函数。
index()：得到在所在兄弟元素中的下标
- 属性：操作内部标签的属性或值
- CSS：操作标签的样式
- 文档：对标签进行增删改操作
- 筛选：根据指定的规则过滤内部的标签
- 事件：处理事件监听相关
- 效果：实现一些动画效果
使用jQuery核心函数
包括：选择器 工具 ajax
选择器本身只是一个有特定语法规则的字符串，并没有实质用处
它的基本语法规则使用的就是CSS的选择器语法，并对气进行了扩展
只有调用$，并将选择器作为参数传入才能起作用。
$(selector)作用：
根据选择器规则在整个文档中查找所有匹配的标签的数组，并封装成jQuery
最常用的基本选择器{#id element .class *}
查找子元素，后代元素，兄弟元素的选择器{A B > + ~}
- ancestor descendant 在给定的祖先元素下匹配所有的后代元素
- parent>child 在给定的父元素下匹配所有的子元素
- prev+next 匹配所有紧接在prev元素后的next元素
- prev~siblings 匹配prev元素之后的所有siblings元素
过滤选择器
在原有选择器匹配的元素中进一步进行过滤的选择器
{基本，内容，可见性，属性}
表单选择器
表单，表单对象属性
(:input 匹配所有input,textarea,select和button元素)
(:text 匹配所有的单行文本框) 工具方法 - $.each():遍历数组或对象中的数据
- $.trim():去除字符串两边的空格
- $.type(obj):得到数据的类型
- $.isArray(obj):判断是否是数组
- $.isFunction(obj)：判断是否是函数
- $.parseJSON(json)：解析json字符串转换为js对象/数组
总结
在本次青训营，我学习到了很多，也对自己未来学习的方向有了更明确的认知。
