jQuery——入门基础(获取元素、样式、属性，选择集、过滤器、样式类)

---

Jquery的加载方法

(1)$(document).ready(function(){})
(2)$(function(){})
特点：对原生Js进行封装后，执行顺序在原生Js前，执行速度更快。

获取元素

选择器	参数
id选择器	$(“#id”)
class类选择器	$(“.class”)
层级选择器	$(“选择器1 选择器2”)
属性选择器	$(“选择器[key=value]”)

操作样式和属性

1.样式：
获取：元素.css()
修改：元素.css({key:value})

2.属性：
获取：元素.prop()
修改：元素.prop({key:value})

3.内容：
获取：元素.html()
修改：元素.html(内容)

选择集和过滤器

1.元素.has(选择器1)：元素中含有选择器1的元素
2.元素.not(选择器2)：元素中不含选择器2的元素
3.元素.eq(index)：获取元素中索引值为index的元素

选择集转移

参数	描述
元素.prev()	获取上一个元素
元素.prevall()	获取上面所有元素
元素.next()	获取下一个元素
元素.nextall()	获取下面所有元素
元素.parent()	获取父元素
元素.children()	获取子元素
元素.siblings()	获取兄弟元素
元素.find()	获取指定元素

绑定常用事件

参数	事件
click()	点击元素时触发的事件
mouseover()	鼠标进入元素时触发的事件(子元素也触发)
mouseout()	鼠标离开元素时出发的事件(子元素也触发)
mouseenter()	鼠标进入元素时触发的事件(子元素不触发)
mouseleave()	鼠标离开元素时触发的事件(子元素不触发)
hover()	mouseenter+mouseleave
blur()	失去焦点时触发
focus()	获得焦点时触发
submit()	表单提交时触发(返回值为false无法提交表单)

操作样式类名

1.增加样式类：元素.addClass()
2.移出样式类：元素.removeClass()
3.切改样式类：元素.toggleClass()