以下内容大家不妨参考一二希望能帮到您!jquery参考手册打不开本文是我再学习jquery总结的一些笔记，希望给大家带来一些帮助。
jquery参考手册打不开?本文是我再学习jquery总结的一些笔记，希望给大家带来一些帮助基本了解以下内容几乎就够用了，接下来我们就来聊聊关于jquery参考手册打不开?以下内容大家不妨参考一二希望能帮到您!
jquery参考手册打不开
本文是我再学习jquery总结的一些笔记，希望给大家带来一些帮助。基本了解以下内容几乎就够用了
1：基本选择器：
(“li,p”)：li标签与p标签并集
(“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);
})
