Note

读一读

$(div).addClass("red");//添加类
$(div).removeClass("red");//移除类
$(div).toggleClass("red");//开关，有就删除，没有就加
$(div).hasClass("red");//判断是否有类

2017-09-14 17:15:06

标签属性

$(div).attr("属性名");//获取
$(div).attr("属性名"，值);//设置

可以传入json对象 {class:"row"}来设定多个

2017-09-14 17:14:37

Doc获取指定内容

$(div).text() 获取文本

.html() 获取html内容

.val() 获取表单值

.val(2) 设置表单值

同样的，不传参数就是获取，传参数的时候就是设置值

可以传入function(index,html){

每个选择到的都经过这里

}

2017-09-14 17:13:53

表单选择过滤器

:disable 不能用的控件

:enable 能用的控件

:checked 被选择的选择框

:selected 焦点

2017-09-14 17:13:09

表单选择器

:input 所有表单

:text 文本框

:button 按钮

:radio :checkbox 单多选

2017-09-14 17:12:33

子元素选择器

$(li:first-child) last-child

$(li:nth-child(even)) 偶数的子元素li

nth-child传数字就是第几个，也可以传3n-1等

$(li:only-child) 只有一个子元素为li的li

2017-09-14 17:12:01

属性选择器

$(li[class]) 有class属性的li

[xxx="nnn"] [xxx!="nnn"]

[xxx^="nnn"] 开头为 [$=]结尾为

[xxx*="nnn"] 内容中有nnn

可以用多个[][]属性合成筛选

2017-09-14 17:11:35

内容和可视化选择器

$(div:contains(edu))//选择div中内容有edu的div
$(div:empty)//选择空内容的这种元素
$(div:has(标签))//有这个标签的这个
$(div:parent)//empty的反义，不为空的
$(div:visible)//可以看见的这个
$(div:hidden) //隐藏了的这个

2017-09-14 17:05:47

过滤选择器

$(li:first)/第一个li元素
last//最后一个元素
$(li:not(li:first))//除了第一个元素
li:even //偶数元素  
li:odd //奇数元素
li:eq(6)//指定第六个li
li:gt(2) //大于2的
li:lt(8) //小于第八个元素的

2017-09-14 17:05:13

子和姐妹选择器

$("div .class") 选择div中类为class的元素。

$("#1 > .class") 选择1下类为class的子元素。

$("#first + div") 选择first同级下面第一个遇到的div

$("#first ~ div") 选择first同级下面所有的div

2017-09-14 16:53:11