2021/1/30 jQuery

选择器

$('#id')

$('.class')

$('p')

组合选择器

$('#id','.class','TagName')

层级选择器 同css

$("x y") 找X所有有的后代

$("x > y") 找X所有的儿子

$("x + y") 找到紧跟着X后面的Y

$("x ~ y") x之后所有的兄弟Y

css操作

$('#id').css('background-color','red')

$('#id').removeClass() 移除css

$('#id').addClass() 添加css

 

属性选择器

$("[title]")

$("input[type = ’text‘]")

 

表单筛选器  

from表单内的属性

$(:text)

$(:password)

 

 

查找

first 第一个

last 最后一个

eq(index) 第几个

enen 奇数个

odd 偶数个

gt(index) 返回大于index索引的元素

lt(index) 返回小于index索引的元素

:not(元素选择器) 移除所有满足not的标签

:has(元素选择器)

$('.class.eq(2)')查找第几个元素

 

表单对象属性

:enable 找到可用的标签

:disable 找到不可用的标签

 

事件

.onclick(function) 第一种

.on('click'，function) 第二种

常用事件种类

click 点击事件

hover（function ， function） 悬浮事件

blur 悬浮移开事件

focus 获取光标事件

blur 光标移开事件

change事件

input事件 只能用方法2来声明

mouseenter事件 移入指针事件

mouseout事件 移出鼠标事件

mouseover事件　　如果内有子标签 移动到子标签 也会再触发依次

keydown  e.keyCode

keyup事件