JQ层级选择器
1,find 找到索引的子代2,children 找到一级子代
3,next 找到下一个兄弟元素
4,nextall 找到下面所有的兄弟
5,prev 找到上一个兄弟
6,prevall 找到上面所有的兄弟
7,nextuntil 找到下面的所有兄弟,知道一个元素为止
8,prevuntil 找到上面所有的兄弟直到一个元素为止
9,siblings 找到所有的兄弟
基本过滤选择器
过滤器主要通过特定的过滤规则来筛选所需要的DOM元素,和css中的伪类语法相似:使用冒号(:)开头.:first 选取第一个元素
:last 选取最后一个元素
:not 选择class不是red的元素
:even 选取索引是偶数的元素
:odd 选择索引是奇数的元素
:eq 选择索引等于index的元素
:gt 选择索引大于index的元素
:lt 选择索引小于index的元素
:header 选择标题元素,h1-h6
:annimated 选择正在执行动画的元素
:focus 选择当前诶焦点的元素
/-----------------------------/
内容
html() 获取元素中的HTML内容
html(value) 设置元素中的Html内容
text() 获取元素中文本内容
text(value) 获取元素中文本内容
val() 获取表单中的文本内容
val(value) 获取表单中的文本内容
/-----------------------------/
/-----------------------------/
属性
attr();
removeAttr();
/-----------------------------/
/-----------------------------/
样式
Css();
addClass();
removeAttr();
toggleClass();
/-----------------------------/
/-----------------------------/
设置大小
width();
height();
innerWidth();
innerHeight();
outerWidth();
outerHeight();
/-----------------------------/
/-----------------------------/
位置
Offset();
ScrollTop();
/-----------------------------/
判断li里面是否有box,一般用于表单验证
alert($("li").is("#box"));
判断li里面是否包h1这个class,必须是class
alert($("li").hasClass("h1"));
通过所有找出某一部分元素
$("li").slice(2,6).css("background","#ccc");
找出li中的第2-6个元素,背景色灰色
过滤出class为h1的元素
$("li").filter(".h1").css("color","red");
找到所有的儿子节点
$("ul").contents().css("color","green");
输出标签里面的内容
alert($("#box").html());
获取标签里面的值
alert($("#box").html());
JQ的样式操作CSS
addClass() 向被选元素添加一个或多个类
removeClass() 从备选元素删除一个或多个类
toggleClass() 对备选元素进行添加/删除类的切换操作
css() 设置或者返回样式属性
JQ的节点操作
A,父子:
append
appendTo
prepend
prependTo
B,兄弟
After
before
insertAfter
insertBefore
C,包裹节点
Wrap
Unwarp
wrapAll
wrapInner
D,删除节点
Remove
Detach() 保留事件
E,替换节点
replaceWidth()
F,清空节点
Empty()