1：基本选择器：
(\"大众li p\公众)：li标签的后代p标签
(\"大众li>p\"大众)：li标签的子代p标签
(\公众li.clas\"大众)：li标签中class属性值为clas的标签
(\公众li#clas\"大众)：li标签中id属性值为clas的标签
(\公众li~p\公众)：li标签后面紧邻的所有同级标签
(\"大众li+p\公众)：li标签后面紧邻的下一个同级标签
2：属性选择器
$(\公众[href]\"大众)：包含href属性的所有标签
$(\"大众[href='#']\"大众)：包含href属性值为#的所有标签
$(\"大众[href!='#']\"大众)：包含href属性值不即是#的所有标签
$(\"大众[href^='en']\"大众)：包含href属性值开头为en字符的所有标签
$(\"大众[href$='.jpg']\"大众)：包含href属性值结尾为.jpg字符的所有标签
$(\"大众[href='txt']\"大众)：包含href属性值含有txt字符的所有标签
$(\"大众li[id][title=新闻])：包含id属性和title属性值为新闻的li标签
3：基本过滤选择器
$(\公众li:first\公众)：所有li标签中的第一个li标签
$(\"大众li:last\公众)：所有li标签中的末了一个li标签
$(\"大众li:even\"大众)：所有li标签中的索引为偶数的li标签（从0开始）
$(\"大众li:odd\"大众)：所有li标签中的索引为奇数的li标签（从0开始）
$(\公众li:eq(1)\"大众)：所有li标签中的索引即是1的标签（从0开始）
$(\"大众li:gt(1)\公众)：所有li标签中的索引大于1的标签（从0开始）
$(\"大众li:lt(1)\"大众)：所有li标签中的索引小于1的标签（从0开始）
4：键盘事宜
keydown()：按下键盘时
keyup()：开释键盘时
keypress()：产生可打印的字符时
5：表单事宜
focus()：得到焦点
blur()：失落去焦点
（fieldset标签----表单域，legend标签----域标题）
<fieldset>
<legend>登录</legend>
帐号：<input type=\"大众text\"大众/>
密码：<input type=\公众password\"大众/>
<fieldset>
6：鼠标光标悬停事宜
hover()：相称于mouseover与mouseout事宜的组合
7：显示及隐蔽元素
show(\"大众slow\"大众)：显示，速率取值：毫秒，slow，normal，fast
hide(\"大众slow\"大众)：隐蔽，速率取值：毫秒，slow，normal，fast
8：其他效果
toggleClass(\"大众bor bg fon\公众);相称于addClass和removeClass的切换
toggle()：切换元素可见状态（show()与hide()的效果）
fadeIn(\"大众slow\公众):渐入效果，速率取值：毫秒，slow，normal，fast
fadeOut(\"大众slow\"大众)：渐出效果，速率取值：毫秒，slow，normal，fast
fadeToggle(\"大众slow\"大众)：渐入渐出效果，速率取值：毫秒，slow，normal，fast
slideDown(\公众slow\"大众)：可以使元素逐步延伸显示，速率取值：毫秒，slow，normal，fast
slideUp(\"大众slow\公众)：使元素逐步缩短直至隐蔽，速率取值：毫秒，slow，normal，fast
slideToggle()：使元素在上拉与下拉切换
animate()：通过掌握元素改变样式的过程的韶光来实现动画效果----animate({样式},1000) 一秒之内变成指定的样式
9:样式
overflow:hidden 超出区域部分隐蔽
position:absolute 绝对定位
position:relative 相对定位
相对定位：人走了 坑还在
position: relative;top: 200px; 像下移动两百px
绝对定位:最近的先人元素为参考物
position: absolute;right: 200px;
固定定位：针对浏览器定位
fixed; right: 100px;
background-color: rgba(0,0,0,0.5);给背景颜色透明
text-transform:capitalize让文本每个单词首字母大写
10.文本内容
$(\"大众div\"大众).html();//获取第一个匹配元素的HTML内容或文本
$(\公众div\"大众).html(\"大众\"大众);//可以编译成Html措辞
$(\公众div\公众).text();//获取所有匹配元素的文本内容
$(\"大众div\"大众).text(\"大众\"大众);//只能获取文本
$(this).val();//获取val值
$(this).val(\"大众\"大众);//设置val的值 jquery中调用.val()方法，js中.value的属性
11.节点插入
元素内部
$(\公众ul\"大众).append($fd); //将jquery工具插到ul末了
$fd.appendTo(\"大众ul\"大众); //将jquery工具 插到ul末了
$(\"大众ul\"大众).prepend($fd); //将jquery工具插到ul最前
$fd.prependTo(\"大众ul\"大众); //将jquery工具插到ul最前
同辈节点插入
var $na=$(\"大众<p>A</p>\公众);
$(\"大众ul\"大众).after($na); 在ul之前插入同辈元素
$na.insertBefore(\"大众ul\公众); 在ul之前插入同辈的另一个元素
var $nae= $(\"大众<ol><li>B</li></ol>\公众);
$(\公众ul\"大众).after($nae); 在ul之后插入一个同辈元素
$nae.insertAfter(\"大众ul\"大众); 在ul之后插入一个同辈元素
12.复制节点
$(\"大众\"大众).clone(true)复制节点
13.删除节点
remove()// 删除全体节点
empty() // 清空节点内容
function del(test){
$(test).remove();
}
onclick=\"大众del(this)\"大众//当前的
$(function(){
为类.del绑定一个click事宜
$(document).on(\"大众click\公众,\"大众.del\"大众,function(){
$(this).parent().parent.remove();
})
为类.add绑定一个click事宜
$(document).on(\"大众click\公众,\"大众.add\"大众,function(){
})
14.获取与设置节点的属性
$(\"大众img\"大众).attr({\公众title\"大众:\"大众病毒\公众,\公众alt\"大众:\"大众仿照\"大众});//设置多个属性
$(\公众img\"大众).attr(\"大众title\公众:\"大众病毒\"大众);//设置单个属性
$(\公众img\"大众).removeAttr(\公众title alt\"大众)//删除多个属性用空格
})
15.遍历
$（\"大众li\"大众）.each(function(index,element){
});
$(\公众body\公众).children();//body下面所有子元素
.next()//紧邻的下一个
.prev()//紧邻的上一个
.siblings()//除了自己其他的同辈元素
$(\公众\"大众).parent()//当前的父辈元素
$(\"大众\"大众).parents(\"大众tr\公众)为tr的父辈元素
$(\"大众\"大众).parents()所有的父辈元素
做事器端:
Gson g=new Gson();
String json=g.toJson(list);//将list数组转为json数组
pw.print(json);
前端：
$.post(\公众/JSP/json\公众,function(result){
var strs=\公众\"大众;
var json=$.parseJSON(result);//返回一个JS 形式的JSON数组
for(var i=0;i<json.length;i++){
strs+=json[i].id+\"大众 \"大众+json[i].title+\"大众<br/>\"大众;
}
$(\公众div\"大众).html(strs);
})
