第一课
1.什么是 jQuery ?
jQuery是一个JavaScript函数库。
jQuery是一个轻量级的"写的少,做的多"的JavaScript库。
2.为什么使用 jQuery ?
目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。
很多大公司都在使用 jQuery
3.什么是CDN?
CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容,解决 Internet网络拥挤的状况,提高用户访问网站的响应速度。
4.下载 jQuery
有两个版本的 jQuery 可供下载:
Production version - 用于实际的网站中,已被精简和压缩。
Development version - 用于测试和开发(未压缩,是可读的代码)
5. jquery的选择器 沿用css3的选择器语法并增强
作用是为了获取满足选择器条件的dom元素集合(返回值就是数组)
通过jQuery选择器获取到的数组并不是一个js的数组 是jQuery拓展后的数组 该数组中集成jQuery的所有方法css html cache
第二课
通过设置属性的方式 只能绑定一个匿名函数
jquery除了出色的选择器 考虑了 不同浏览器的兼容性 可以使用 jquery提供的方法 兼容各种浏览器
选择器的性能问题 id选择器 【class选择器|标签|属性|组合】
所有的事件之前 没有on
click方法 给按钮绑定点击事件
jquery对象的常用一些方法
get(index) 获取jquery对象中的dom对象
eq(index) 获取jquery对象中的jquery对象 equals
1修改dom元素的数据(不带参数获取数据 带参数修改数据)
val-text-html文本框数据val 文本 text html html
attr 属性设置 带一个参数获取属性 两个参数属性
2修改dom元素的样式
css行内样式
addClass内部样式表
3修改dom元素的子元素
append 追加元素到所有的子元素后 remove 元素自我销毁 不是删除父元素下的子元素
第三课
筛选
Find和not
find搜索某个元素下任意层级的子元素
not 排除所有满足选择器的任何元素