JQuery基础学习笔记一

JQuery基础学习笔记一

笔记是边学习边记的，如果有遗漏，希望能提出，谢谢！

---

---

一、了解JQuery？

1、JQuery是什么？（what）

（1）它是一个JS函数库：写的少，用的多–>write less,do more

（2）做了什么事？—>封装简化DOM操作（CRUD–>增删改查）以及Ajax(局部刷新)

2、为什么用他？(why)

	(1)它是一个强大的选择器：方便快速的查找DOM元素
	
	(2）隐式遍历（隐式迭代）：可以一次操作多个元素
	
	(3)读写合一：读数据和写数据用的是一个函数或一个方法
	
	(4)事件处理
	
	(5)链式调用
	
	(6)DOM操作（CUD）
	
	(7)样式操作

3、如何使用？（How）

(1)引入JQuery库:
本地引入和CDN远程引入
他有一个测试版和生产版（压缩版），平时我们学习时用测试版，要真正上线的时候用生产版

(2)使用JQuery
使用jQuery核心函数：$/jquery使用jQuery对象：$xxx(执行$()得到的)

---

二、jQuery的两把利器

1、jQuery函数：$/jquery

(1)jquery向外暴露的就是jQuery函数，可以直接使用

(2)当成一般函数使用：$(param)
*param是function：相当于window.οnlοad= function(文档加载完成的监听)

*param是选择器字符串：查找所有匹配的DOM元素，返回包含所有DOM元素的jQuery对象

*param是DOM元素：将DOM元素对象包装为JQuery对象返回$(this)，其中的this是DOM元素类型

*param是标签字符串：创建标签DOM元素对象，并包装成jQuery对象返回

(3)当成对象使用：$.xxx
例如：
each（obj/arr,function(key,value){}）
trim(str)

2、jQuery对象

(1)包含所有匹配的n个DOM元素的伪数组对象

(2)执行$()返回的就是jQuery对象

(3)基本行为：
length/size():得到DOM元素的个数
[index]:得到指定下标的DOM元素
each(function(index,domEle){}):遍历所有DOM元素
index():得到当前DOM元素在所有兄弟中的下标

三、选择器

1.是什么？

1.1 是由特定语法规则（css选择器）的字符串
1.2 用来查找某个/些DOM元素：$(selector)

2、分类

以下仅个人的学习笔记，如果想看具体例子建议查看以下链接
jQuery菜鸟教程

2.1 基本
(1)#id：id选择器
(2) tagName / *
(3) .class
(4) 并集：selector1,selector2,…selectorN
(5)交集：selector1selector2…selectorN
2.2 层次
(1)找子孙后代，兄弟元素
(2)selector1>selector2:子元素
(3)selector1 selector2 :后代元素
2.3 过滤
(1)在原有匹配元素中筛选其中一些
：first——>第一个
：last——>最后一个
：eq(index)——>找其中某一个
：not(selector)——>不需要其中某几个
：lt(selector)——>小于某一个
：gt(selector)——>大于某一个
：odd(selector)——>选取奇数位置的选择器
：even(selector)——>选取偶数位置的选择器
提示：selector是选择器，以上选择器都是根据下标查找
：hidden——>隐藏的
：visible——>可见的
[attrName]
[attrName=value]
2.4 表单
:input
:text
:checkbox
:radio
:checked——>选中的

3、属性

	（1）操作标签的属性，标签体文本
	（2）attr(name)/attr(name,value):读写非布尔值的标签属性
	（3）prop(name)/prop(name,value) :读写布尔值的标签属性
	（4）removeAttr(name)/removeProp(name):删除属性
	（5）addClass(classValue):添加class
	（6）removeClass（classValue）:移除指定class
	（7）val()/val(value):读写标签的value
	（8）html()/html(htmlString):读写标签体文本

---

总结

这是我对自己所学的内容进行记录，仅供参考

以下是我自学过程参考的内容，大家可以参考一下
笔记参考网站
视频自学网址