jQuery学习笔记

jQuery学习 ！！　函数也是对象

jQuery简介

1、什么是jQuery
·jQuery：一个快速、简洁的JavaScript函数库。
·口号：write Less，Do more
将页面的js代码和html页面代码进行分离
·插件：基于jQuery的库
·目的：操作页面内的dom元素（封装简化DOM操作）

2、jQuery的好处
·HTML元素选取（选择器）
·HTML元素操作
·css操作
·HTML事件处理
·JS动画效果
·链式调用 **
·读写合一 ** 传参，读写合一；不传参：读
·隐式遍历 **
·浏览器兼容
·易扩展插件
·ajax封装

为什么用它：
*强大的选择器：方便快速查找DOM元素
*隐式遍历（迭代）：一次操作多个元素
*读写合一：读数据/写数据用的是一个函数
*事件处理
*链式调用
*DOM操作（CUD）
*样式操作

3、引入jQuery
位置：下：效率更高，上下都可以
·引入jQuery库：
（1）本地引入： //测试
CDN远程引入：**
（2）测试版本和生产版本（压缩版）
·使用jQuery：

4、核心
jQuery核心函数
＊＊作为一般函数调用：$(param)根据实参类别
（1）参数为函数：当DOM加载完成后，执行此回调函数
（2）参数为选择器字符串：查找所有匹配的标签，并将它们封装成jQuery对象√
（3）参数为DOM 对象：将DOM对象封装成jQuery对象√
（4）参数为HTML标签字符串：创建标签对象并封装成jQuery对象√

         形式：$(function( ){ })      $('#btn')     

＊＊作为对象使用：$.xxx( ) 调用内部方法 （1）$.each()：隐式遍历数组　
（2）$.trim()：取出两端空格

jQuery核心对象：执行jQuery核心函数返回的对象
jQuery对象内部包含的是dom元素对象的伪数组（可能只有一个元素）
基本行为：
（1）length、size( )：得到DOM元素的个数
（2）[index]：得到指定下标对应的DOM元素
（3）each(function(index,domEle){ })：遍历所有DOM元素
（4）index( )：得到当前DOM元素在所有兄弟中的下标

5、选择器
概念：选择器本身只是一个有特定语法规则的字符串，没有实质用处
分类：
（1）基本选择器
#id
element
.class
*
selector1,selector2,selectorN (并集选择器)
selector1selector2selectorN （交集选择器）
（2）层次选择器（查找子元素，后代元素，兄弟元素的选择器）
ancestor descendant：后代元素
parent > child：子元素
prev + next
prev ~ siblings
（3）过滤选择器（在原有选择器匹配的元素中进一步进行过滤的选择器）
·基本 ·内容 ·可见性 ·属性
*常见：
:first
:last
:eq(index)：找其中某一个
:lt
:gt
:odd
:even
:not(selector)
:hidden
:visible
[attrName]
[attrName=value]
（4）表单选择器
:input
:text
:checkbox
:radio
:checked：选中的

6、 jQuery属性
作用：操作标签属性，标签体文本
（1）操作任意属性
attr():专门操作属性为非布尔值的属性
removeAttr()
prop():专门操作属性为布尔值的属性
（2）操作class属性
addClass()
removeClass()
（3）操作html代码/文本/值
html()
val()