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: "提示内容"});