什么是jquery:
jQuery 是一个快速、简洁的JavaScript框架,于2006年1月发布
Query 设计的宗旨是“writeLess,Do More",即倡导写更少的代码,做更多的事情。它封装JavaScript 常用的功能代码,提供一种简便的JavaScript 设计模式,优化 HTML 文档操作、事件处理、动画设计和Ajax 交互
如何引入jq
1.引入jQuery文件;
2.入口函数;
3根据发生的场景编写代码。
Jquery入口函数与js入口函数的对比:
Js的入口函数要等到页面中所有资源(包括图片、文件)加载完成才开始执行。
Jq的入口函数只会等待文档数加载完成就开始执行,并不会等待图片,文件的加载。
jq的链式写法
在每一个事件的内部,将会包含一个this 对像,此 this 是 DOM 对像,如果希能像jQuery 对像一样使用它,必须使用 (this)将它转成jQuery 对像。
jquery对象和dom对象的转换
对于已知的 DOM 对象,只需要用 $) 把 DOM 对象包装起来,就可以获得一个jQuery 对象了.
(1)jQuery 对象是一个数组对象,可以通过 [index] 的方法,来得到对应的 DOM 对象。
(2)jQuery 本身提供,通过.get(index)方法,得到相应的 DOM。
基本选择器:
ID 选择器:获取指定 ID 的元素;
类选择器:获取同一类 class 的元素。
标签选择器:获取同一类标签的所有元素。
并集选择器:使用逗号分隔,只要符合条件之一就可。
交集选择器:获取 class 为redClass 的 div 元素。
层次选择器:
子代选择器:使用 >号,获取儿子层级的元素。注意,并不会获取孙子层级的元素
后代选择器:使用空格,代表后代选择器,获取 ul 下的所有 元素,包括孙子元素。
基本属性选择器:
[attribute]:匹配包含给定属性的元素。常用于单选或复选的 checked.
[attribute=value]:匹配给定的属性是某个特定值的元素。常用于选择指定的input 标签。
[attributel=value]:匹配给定的属性是不包含某个特定值的元素
[attribute^=value]:匹配给定的属性是以某些值开始的元素。
[attribute*=value]:匹配给定的属性是以包含某些值的元素。