1.层级选择器
后代选择器 "父元素 后代元素"
子元素选择器 "父元素 > 子元素"
第一个向后兄弟元素 "元素名+兄弟元素"
向后所有的兄弟元素 "元素名~兄弟元素"
2.筛选选择器
:first $(:);
:last
:gt
:eq
:odd 编号是奇数的元素
:even
:not
根据内容来筛选
:contains(内容)
:empty()
根据显示来筛选
:hidden (这个作为重点) 选出隐藏的元素
display:none type="hidden" 隐藏父元素 长度和宽度为 0
:visible
3.表单选择器
:input
:text
:button
:file
:radio
:submit
....
4.属性--筛选选择器
[属性名] 选择到带这个属性的元素
[属性名='值'] 选择到属性等于某个值的元素
[属性名!='值'] 选择到属性不等于某个值的元素
5.表单属性选择器
直接选择器后 利用 :checked :selected :enabled :disabled 来对元素进行筛选
对属性筛选选择器的简化
比如: :radio:checked select option:selected
6.获取属性 设置属性 移除属性
attr("属性名") attr("属性名",属性值) removeAttr("属性名")
7.获取和设置value属性的方法
val() 和 val("值")
8.html() html("值")
就是 之前的 innerHTML 对应的值
text() text("值")
text() 获取的是翻译之后的 文本
text("值") 写什么值都会当做文本设置到页面上
9.样式函数
css("样式的名字") 获取样式对应的值
css("样式的名字","样式的值") 设置对应的样式 一次设置一个
css({"样式的名字":"样式的值","样式的名字":"样式的值"}) 一次设置多个样式
addClass("class名") 增加一个class属性对应的值
removeClass("class名") 给一个class值 就把是对应元素的class属性去掉
toggleClass("class名") 切换 有就删 没有就加
width() 获取宽度
height() 获取高度
innerWidth() 获取宽度(包括内边距)
outerWidth() 获取宽度 (包括 内边距 和 边框 )
outerWidth(true) 获取宽度 (包括 内边距 和 边框 和 外边距)
...
10.显示和隐藏函数
show() 显示
hide() 隐藏
toggle() 切换
show(speed) 规定的时间内进行上面的操作
hide(speed)
toggle(speed)
slideUp(speed) 向上收缩 然后消失
slideDown(speed) 向下展开
slideToggle(speed) 切换上面的两种状态
fadeIn(speed) 淡入
fadeOut(speed) 淡出
fadeToggle(speed) 切换上面的两种状态
11.自定义动画
选择器.animate({"参数"},[时间],[动画回调函数]);
12.绑定事件
选择器.bind("事件",事件处理函数); 元素的事件 关联上对应的事件处理函数
选择器.unbind("事件"); 断开元素的事件 和 对应处理函数的关联
选择器.trigger("事件"); 触发事件调用