jq的导航和标签

JQurey导航、

祖先

parent（）：

找到的是当前元素的父元素。

$("#myself").parent().css("backgroundColor","red");

parents（）找到当前的是当前元素的所有祖先元素

注意如果在小括号内传入参数，就可以找到你指定的父元素

$(".myself").parents("[name='zhang']").css("backgroundColor","red");

parentsUntil（）：选中两个指定元素中的祖先元素

 

 

 

后代

children（）:

找到的是当前元素的直接后代。

$("#myself").children().css("backgroundColor","pink");

在小括号中传入参数，找到是你指定的哪一个子元素

Find（）：找到的是当前元素的所有后代，一直向下查找直达找到最后一个子元素

注意一定要传参数

 

兄弟

silbings（）：找到当前元素的所有兄弟元素。

next（）：找到当前元素的下一个弟弟元素。

nextAll（）：找到的是当前元素的所有弟弟元素。

nextUntil（）：找到的是两个参数之间的弟弟元素。

prev（）：找到当前元素的上一个哥哥元素。

prevAll（）：找到的是所有当前元素的哥哥元素。

prevUntil（）：找到我的是两个指定元素之间的兄弟元素。

JQ的标签

vaildate

（1）required，必填字段

<input type="text" id="text1" required/>

 

（2）email，验证邮箱格式，支持很多形式的邮箱

<input type="email" id="email" required/>

 

（3）url，验证网址，比如：http://www.baidu.dom不支持www.baidu.dom

<input type="url" id="url" required/>

 

（4）maxlength，输入字符的最大长度

<input type="text" id="maxlength"  maxlength="5"required/>

 

（5）rangelength[]：输入字符的范围

<input type="text" id="rangelength"  rangelength="[5,10]"required/>

 

验证的第二种写法，可以在表单验证的时候为其添加限制

 

 

 

 

accordion

依据内容和标题来自动选择折叠

$("#div1").accordion

header:定义以哪个标签来折叠

event：定义折叠的事件。例如：mouseover鼠标移上去就可以打开

animate：定义是否有动画。默认true动画效果

disable：禁用折叠

distoey：销毁折叠

 

autocomplete

提示框

（1）title消息提示的标题

messag提示的内容

（1）growl后面不写某些关键词，使用默认样式

$.growl({title: "消息提示框", message: "提示内容"});

   

 （2）notice

$.growl.notice({title: "消息提示框", message: "提示内容"});

 

（3）waring

$.growl.warning({title: "消息提示框", message: "提示内容"});

 

（4）error

$.growl.error({title: "消息提示框", message: "提示内容"});