jquery

1、jquery的优点

1、轻量级，核心文件才几十kb  不会影响运行速度

2、跨浏览器兼容，基本兼容了所有主流的浏览器

3、链式编程、隐式迭代

4、对事件、样式、动画支持，大大简化了DOM操作

5、支持插件拓展开发，有着丰富的第三方的插件   如树形菜单、日期控件、轮播图等

6、免费、开源

 2、jquery的基本使用

2.1、jquery 对象和DOM 对象

1、用原生 js 获取来的对象就是 DOM 对象

 2、用 jquery 方法获取的元素就是 jquery 对象

3、jquery 对象本质是： 利用 $ 对DOM对象包装后产生的对象 （伪数组形式储存）

 注意：juqery 只能用 jquery 方法，不能使用原生js的属性和方法，，，DOM 对象则最只能使用原生的JavaScript 属性和方法

2.2、DOM 和 jquery对象之间是可以互相转换的

因为原生 js 比 jquery 更大，原生的一些属性和方法 jquery 没有给我们封装  要想使用这些属性和方法需要把 jquery对象转换为 DOM 对象才能使用

（1）DOM 对象转换为 jquery 对象：$(DOM对象)

$('div')

（2）jquery 对象转换为DOM对象（两种方式） 

$('div')[index]    index 是索引号

$(’div‘).get(index)   index 是索引号

3、jquery 隐式迭代

遍历内部DOM元素（伪数组形式存储）的过程就叫做隐式迭代 

$('div').css('属性'，'值')

//修改了div的背景颜色为粉色

如：$('div').css('background','pink')

 4.jquery 筛选选择器

语法	用法	描述
：first	$('li:first')	获取第一个 li 元素
：last	$('li:last')	获取最后一个 li 元素
：eq（index）	$('li:eq(2)')	获取到的 li 元素中 选择索引号为2的元素，索引号index从0开始
：odd	$('li:odd')	获取到的 li 元素中 选择索引号为奇数的元素
：even	$('li:even')	获取到的 li 元素中 选择索引号为偶数的元素

5、jquery 筛选方法

语法	用法	说明
parent()	$('li').parent()	查找父级
childeren(selector)	$('ul').children('li')	相当于$('ul>li'),最近一级（亲儿子）
find(selector)	$('ul').find('li')	相当于$('ul li') 后代选择器
siblings(selector)	$('.first').siblings('li')	查找兄弟节点 不包括自己本身
nextAll([expr])	$('.first'').nextAll()	查找当前元素之后的所有同辈元素
prevtAll([expr])	$('.last').prevAll()	查找当前元素之前所有的同辈元素
hasClass(class)	$('div').hasClass('protected')	检查当前的元素是否含有某个特定的类 如果有则返回true
eq(index)	$('li').eq(2)	相当于$（’li:eq(2)‘）,index从0开始

6、jquery 方法

mousemove() 方法是jQuery中的内置方法，当鼠标指针移到所选元素上时使用。

first() 是jQuery中的内置函数，用于从指定的元素中选择第一个元素。   选择器是所有元素的主要类。

参数：它不接受任何参数。

 

返回值：它返回所选元素中的第一个元素。

 last()函数是jQuery中的内置函数，用于查找指定元素的最后一个元素。

用法： $(selector).last()         选择器是选定的元素。

参数：它不接受任何参数。

返回值：它返回所选元素中的最后一个元素。

 on() 是jQuery中的一种内置方法，用于为DOM树中的选定元素和子元素附加一个或多个事件处理程序。 DOM(文档对象模型)是万维网联盟标准。这定义用于访问DOM树中的元素。

用法：

$(selector).on(para1, para2, para3, para4)

参数：它接受下面指定的一些参数-

• para1:这指定附加到所选元素的事件。
• para2:这是可选的，它指定可以使用给定事件处理程序的特定子项。
• para3:这是可选的，并且指定与该函数一起传递的其他数据。
• para4:这指定事件发生时要运行的函数。

返回值：这将返回附加到选定元素的所有事件处理程序。

 has() 是jQuery中的内置方法，用于查找指定元素列表中的所有元素。

用法;  $(selector).has(element)

参数：它接受参数表达式或元素以将元素与之匹配。
返回值：它返回与指定选择器匹配的所有元素，其中包含一个或多个元素

 val() 方法是jQuery中的内置方法，用于返回或设置所选元素的attribute值。此方法适用于HTML表单元素。

用法:下面提供了三种使用此方法的方法： 

$(selector).val()

参数：此方法不接受任何参数。  

$(selector).val(value)

参数：此方法接受强制的单个参数值。用于指定属性的值。

$(selector).val(function(index,current_value))

参数：该方法接受可选的单参数函数。它包含元素的索引位置和所选元素的当前值属性。

返回值：此方法返回通过val()方法进行指定更改的所选元素。

 after() 是jQuery中的内置函数，用于插入内容，该内容由参数为匹配元素集中的每个选定元素指定。

用法:  $(selector).after(A);

参数：它接受参数“A”，该参数可以是传递给方法的内容或函数。

返回值：它返回带有修改的所选元素。

 one() 方法是jQuery中的内置方法，它为所选元素附加一个或多个事件处理程序。这也附加了事件发生时要运行的函数。此方法命名为one，因为任何附加到此方法的事件处理程序都将仅运行一次。

用法: $(selector).one(event, data, function)

参数：此方法接受上述和以下所述的三个参数：

 

• event:它是必填参数。它用于指定一个或多个附加到元素的事件。如果给出多个事件，则使用空格将它们分开。
• data:它是可选参数。它用于指定要传递给该函数的其他数据。
• function:它是必填参数。它用于指定事件发生时要运行的函数。

返回值：此方法返回具有指定事件处理程序的选定元素。

 eq() 方法是jQuery中的内置方法，用于直接定位所选元素并返回具有特定索引的元素。

用法:    $(selector).eq(index)

参数：在此，参数“index”指定元素的索引。  可以是正数或负数。

注意：

• 索引号始终从0开始，因此第一个数字将具有索引0(而不是1)。
• 使用负数作为索引会从列表末尾开始索引计数。

 slideUp()是jQuery中的一种内置方法，用于隐藏选定的元素。

用法:  $(selector).slideUp(speed);

参数：它接受可选参数“speed”，该参数指定效果持续时间的速度。

返回值：它不返回任何内容，只是隐藏所选元素。

 find() 是jQuery中的内置方法，用于查找所选元素的所有后代元素。它将一直遍历到DOM树中所选元素的最后一个叶子。

用法:   $(selector).find()  选择器是所有元素的后代元素。

参数：它不接受任何参数。

返回值：它返回所选元素的所有后代元素