使用jQuery前首先需要导如jQuery包:https://jquery.com/（点击下载按钮，进入后点击鼠标右键另存为即可下载）

   例如：<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>

jQuery选择器

  • 标签选择器
  • id选择器 $("#id")
  • 类选择器 $(".class")
  • 群组选择器 $("选择器1,选择器2,...,选择器n")
  • 兄弟选择器 ****&emsp;$("兄弟") 平级关系
  • 相邻元素选择器 +
  • 父子选择器 > $("父>子")
  • 祖先子孙选择器 \((" 空格 ")&emsp;&emsp;\)("祖 子")
  • 表单元素选择器 $(":表单元素")
  • 元素属性选择器 $("html元素[属性名称=属性值]")
  • 伪类选择器 $("真实选择器:伪类属性")
  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="UTF-8">
  5. 		<title>jQuery</title>
  6. 		<style>
  7. 			#div1,#div2,#div3{
  8. 				width: 50px;
  9. 				height: 50px;
  10. 				border: 3px solid teal;
  11. 				float: left;
  12. 				line-height: 50px;
  13. 				text-align: center;
  14. 			}
  15. 			ul li{
  16. 				list-style-type: none;
  17. 			}
  18. 		</style>
  19. 		<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
  20. 		<script>
  21. 			$(function(){
  22. 				// 设置所有div向右移动10px
  23. 				$("div").css({"margin-left":"10px"});
  25. 				// 兄弟选择器
  26. 				$("h1~div").css("color","red");
  27. 				// 相邻元素选择器
  28. 				$("h1+div").css("color","blue");
  29. 				// 表单元素选择器
  30. 				$(":text").val("Hello jQuery");
  31. 				// 元素属性选择器
  32. 				$("input[type=password]").val("123456");
  33. 				// 伪类选择器(第一个元素)
  34. 				$("ul>li:first-child").css("background-color","pink");
  36. 				// 最后一个元素
  37. 				$("ul>li:last-child").css("background-color","green");
  38. 				// 第三个元素
  39. 				$("ul>li:nth-child(3)").css("background-color","yellow");
  40. 				// 倒数第三个元素
  41. 				$("ul>li:nth-last-child(3)").css("background-color","teal");
  42. 				// 把除第4个以外的字体样式都设置为"黑体"
  43. 				$("ul>li:not(:nth-child(4))").css("font-family","黑体");
  44. 				// 奇数项
  45. 				$("ul>li:nth-child(odd)").css("border","2px dashed red");
  46. 				// 偶数项
  47. 				$("ul>li:nth-child(even)").css("border","2px solid");
  48. 				/**
  49. 				 * eq()：匹配一个给定索引值的元素
  50. 				 * gt()：匹配所有大于给定索引值的元素
  51. 				 * lt()：匹配所有小于给定索引值的元素
  52. 				 * 注意：索引从0开始的
  53. 				 */
  54. 				$("ul>li:eq(1)").css("color","orange");
  55. //				$("ul>li:gt(2)").css("color","orange");
  56. //				$("ul>li:lt(2)").css("color","orange");
  58. 				// :header  匹配如 h1, h2, h3之类的标题元素
  59. 				$("h1:header()").css("color","teal");
  60. 			})
  61. 		</script>
  62. 	</head>
  63. 	<body>
  64. 		<h1>我是一级标题</h1>
  65. 		<div id="div1">div1</div>
  66. 		<div id="div2">div2</div>
  67. 		<div id="div3">div3</div>
  68. 		<br /><br /><br />
  69. 		<input type="text" id="in_txt" name="inText" placeholder="文本框" /><br />
  70. 		<input type="password" id="in_psd" name="inPsd" placeholder="密码框" />
  71. 		<ul>
  72. 			<li>AAA</li>
  73. 			<li>BBB</li>
  74. 			<li>CCC</li>
  75. 			<li>DDD</li>
  76. 			<li>EEE</li>
  77. 			<li>FFF</li>
  78. 		</ul>
  79. 	</body>
  80. </html>

jQuery事件

单击事件 click()

双击事件 dblclick()

焦点事件 focus()：触发焦点， blur() ：失去焦点

鼠标事件

  mouseOver()：鼠标悬停事件

  mouseMove()：鼠标移动事件

  mouseDown()：鼠标按下事件

  mouseUp()：鼠标释放事件

  mouseOut()：鼠标离开事件

键盘事件

  keyUp()：键盘释放事件

  keyDown()：键盘按下事件

  keyPress()：键盘按下和释放之间的事件

选项改变事件 change()

hover事件：

  一次能够绑定多个事件，它在鼠标事件上进行了扩充，在hover事件上能够将鼠标悬停和离开绑定在一起

 例：

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="UTF-8">
  5. 		<title>hover事件</title>
  6. 		<style>
  7. 			#div1{
  8. 				width:200px;
  9. 				height:200px;
  10. 				border: 1px solid teal;
  11. 			}
  12. 		</style>
  13. 		<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
  14. 		<script>
  15. 			$(function(){
  16. 				//悬停显示背景颜色，离开清除背景颜色
  17. 				$("#div1").hover(function(){
  18. 					$(this).css("background-color","teal");
  19. 				},function(){
  20. 					$(this).css("background-color","");
  21. 				});
  22. 			})
  23. 		</script>
  24. 	</head>
  25. 	<body>
  26. 		<div id="div1"></div>
  27. 	</body>
  28. </html>

绑定/解绑事件 on()/off()

  on()：在选择元素上绑定一个或多个事件的事件处理函数。

  off()：在选择元素上移除一个或多个事件的事件处理函数。

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="UTF-8">
  5. 		<title>绑定/解绑事件</title>
  6. 		<style>
  7. 			#div1{
  8. 				width:120px;
  9. 				height:auto;
  10. 				border:3px solid teal;
  11. 			}
  12. 		</style>
  13. 		<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
  14. 		<script>
  15. 			$(function(){
  16. 				//on是绑定事件的函数
  17. 				//参数1：事件名称
  18. 				//参数2：选择器(一个或者多个)
  19. 				//参数3：一旦事件源触发事件，执行的回调函数
  20. 				$("#div1").on("click",".p1,.p3",function(){
  21. 					$(this).css("color","red");
  22. 				})
  24. 				// off()：解除绑定
  25. 				// 参数1：之前绑定的事件	参数2：选择器
  26. 				$("#div1").off("click",".p1,.p2");
  27. 			})
  28. 			// Servlet+Jquery+ajax
  29. 		</script>
  30. 	</head>
  31. 	<body>
  32. 		<div id="div1">
  33. 			<p class="p1">晴川历历汉阳树</p>
  34. 			<p class="p2">芳草萋萋鹦鹉洲</p>
  35. 			<p class="p3">烟波江上使人愁</p>
  36. 		</div>
  37. 	</body>
  38. </html>

操作节点的属性

  val()：获得匹配元素的当前值。 对应js的value属性

  attr()：设置或返回被选元素的属性值。 对应js的setAttribute和getAttribute

  prop()：获取在匹配的元素集中的第一个元素的属性值。 用户input标签 type='checkbox' checked属性值的设置

  text()：取得所有匹配元素的内容。 对应js的innerText

  html()：取得第一个匹配元素的html内容。 对应js的innerHTML

遍历节点 each()

遍历祖先节点：parent()、遍历后代节点：children()、遍历同辈节点

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="UTF-8">
  5. 		<title>jQuery遍历节点</title>
  6. 		<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
  7. 		<!-- 遍历祖先节点 -->
  8. 		<script>
  9. 			$(function(){
  10. 				// 获取上一级父元素$("#sixth").parent()
  11. 				$("#sixth").parent().css("color","pink");
  12. 				// each()：规定为每个匹配元素规定运行的函数（遍历）
  13. 				$("#sixth").parent().each(function(){
  14. 					console.log("遍历#sixth的父节点");
  15. 					var att = $(this).attr("id");
  16. 					console.log(att);
  17. 				});
  19. 				// .parents().each()：遍历所有父节点
  20. 				$("#sixth").parents().each(function(){
  21. 					// this.tagName：获取标签名称
  22. 					console.log(this.tagName);
  23. 				});
  25. 				// .parents("").each()：获取指定的父元素
  26. 				$("#sixth").parents("#div-zhuxian").each(function(){
  27. 					var att = $(this).attr("id");
  28. 					console.log(att);
  29. 				});
  30. 			})
  31. 		</script>
  33. 		<!-- 遍历后代节点 -->
  34. 		<script>
  35. 			$(function(){
  36. 				// children()：只能获取父元素下的一级子元素
  37. 				$("#div-zhuxian").children().each(function(){
  38. 					// this.tagName：获取标签名称
  39. 					console.log("遍历后代节点：" + this.tagName);
  41. 					if(this.tagName=="P"){	// 注意：标签名称必须大写
  42. 						$(this).css("background-color","pink");
  43. 					}
  45. 					if($("#first")){
  46. 						var val1 = $(this).innerText = "666";
  47. 						console.log(val1);
  48. 						// on()：在选择元素上绑定一个或多个事件的事件处理函数
  49. 						$("#div-zhuxian").on("click","#first",function(){
  50. 							$(this).css("background-color","teal");
  51. 						});
  52. 					}
  53. 				});
  54. 			})
  55. 		</script>
  57. 		<!-- 遍历同辈节点（不涉及父元素和子元素） -->
  58. 		<script>
  59. 			$(function(){
  60. 				// next()：获取下一个同辈元素
  61. 				$("#third").next().css("background-color","salmon");
  62. 				// nextAll()：查找当前元素之后所有的同辈元素
  63. 				$("#third").nextAll().css("background-color","teal");
  64. 				// 获取上一个同辈元素
  65. 				$("#fourth").prev().css("font-size","20px");
  66. 				// prevAll()：查找当前元素之前所有的同辈元素
  67. 				$("#fourth").prevAll().css("font-size","30px");
  68. 				// siblings()：获取所有的同辈元素
  69. 				$("#fourth").siblings().css("color","red");
  70. 			})
  71. 		</script>
  72. 	</head>
  73. 	<body>
  74. 		<div id="div-zhuxian">
  75. 			<p id="first">AAA</p>
  76. 			<p id="second">BBB</p>
  77. 			<div id="div-father">
  78. 				<p id="third">CCC</p>
  79. 				<p id="fourth">DDD</p>
  80. 				<div id="div-son">
  81. 					<p id="fifth">EEE</p>
  82. 					<p id="sixth">FFF</p>
  83. 				</div>
  84. 			</div>
  85. 		</div>
  86. 	</body>
  87. </html>

节点操作

内部插入节点

 首部插入：prepend()/prependTo()，尾部插入：append()/appendTo()

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="UTF-8">
  5. 		<title>jQuery节点操作</title>
  6. 		<style>
  7. 			#div1{
  8. 				width: 100px;
  9. 				height: 150px;
  10. 				border: 3px solid teal;
  11. 			}
  12. 		</style>
  13. 		<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
  14. 		<!-- 将子元素插入到父元素的首部 -->
  15. 		<script>
  16. 			$(function(){
  17. 				var newElement = $("#div1").prepend("<p id='p0'>P0标签</p>");
  18. 				$("#p0").css("font-size","12px");
  19. 				// 为所有的P标签增加class属性
  20. 				newElement.addClass("label");
  21. 				// 为所有类为label的标签添加样式
  22. 				$(".label").css("color","red");
  24. 				// prepend()：向每个匹配的元素内部前置内容。
  25. 				$("#div1").prepend("<p>BBBBBB</p>")
  26. 				/*prepend：正向插入子元素 		$("父选择器").prepend("字符串")；
  27. 				  prePend使用父元素为参照物 */
  28. 				// prependTo()：把所有匹配的元素前置到另一个、指定的元素元素集合中
  29. 				$("<p>AAAAAA</p>").prependTo("#div1");	// 把p标签添加到id为div1的盒子中
  30. 				/*prependTo：反向插入子元素	$("子选择器").prependTo("父选元素择器"):
  31. 				  prependTo使用子元素为参照物 */
  32. 			})
  33. 		</script>
  35. 		<!-- 将子元素插入到父元素的尾部 -->
  36. 		<script>
  37. 			$(function(){
  38. 				// append：附加
  39. 				// $("父元素选择器").append("子元素选择器")：将子元素追加到父元素的末尾，正向追加
  40. 				$("#div1").append("<h6>我是6级标签</h6>");
  41. 				//$("子元素选择器").appendTo("父元素选择器")：资源元素追加到父元素的末尾，反向追加
  42. 				$("<P>P标签</P>").appendTo("#div1");
  43. 			})
  44. 		</script>
  45. 	</head>
  46. 	<body>
  47. 		<div id="div1">
  48. 			<p id="p1">我是P标签</p>
  49. 		</div>
  50. 	</body>
  51. </html>

外部插入节点

 之前插入：before()/insertBefore()，之后插入：after()/insertAfter()

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="UTF-8">
  5. 		<title>jQuery节点操作</title>
  6. 		<style>
  7. 			#div1{
  8. 				width: 100px;
  9. 				height: 50px;
  10. 				border: 3px solid teal;
  11. 			}
  12. 		</style>
  13. 		<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
  14. 		<!-- 外部插入节点 -->
  15. 		<!-- 外部之前插入节点 -->
  16. 		<script>
  17. 			$(function(){
  18. 				// bofore()：在每个匹配的元素之前插入内容，正向插入
  19. 				$("#div1").before("<div>短歌行 （曹操）</div>")
  20. 				// insertBefore()：把所有匹配的元素插入到另一个、指定的元素元素集合的前面，反向插入
  21. 				$("<p>对酒当歌，人生几何！</p>").insertBefore($("#div1"));
  22. 				$("<p>譬如朝露，去日苦多。</p>").insertBefore("#div1");
  23. 			})
  24. 		</script>
  26. 		<!-- 外部之后插入节点 -->
  27. 		<script>
  28. 			$(function(){
  29. 				// after()：在每个匹配的元素之后插入内容，正向插入
  30. 				$("#div1").after($("<p>山不厌高，海不厌深。</p>"));
  31. 				$("#div1").after("<p>何以解忧，唯有杜康。</p>");
  32. 				// 把所有匹配的元素插入到另一个、指定的元素元素集合的后面，反向插入
  33. 				// 后插入的元素离div最近
  34. 				$("<p>慨当以慷，忧思难忘。</p>").insertAfter("#div1");
  35. 			})
  36. 		</script>
  37. 	</head>
  38. 	<body>
  39. 		<div id="div1">
  40. 			<p id="p1">我是P标签</p>
  41. 		</div>
  42. 	</body>
  43. </html>

删除节点：remove()

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="UTF-8">
  5. 		<title>remove()：删除节点</title>
  6. 		<style>
  7. 			#div1{
  8. 				width: 100px;
  9. 				height: 50px;
  10. 				border: 3px solid teal;
  11. 			}
  12. 		</style>
  13. 		<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
  14. 		<!-- 删除节点 -->
  15. 		<script>
  16. 			$(function(){
  17. 				$("#p1").click(function(){
  18. 					// remove()：删除指定节点
  19. 					$("#p1").remove();
  20. 				});
  21. 			})
  22. 		</script>
  23. 	</head>
  24. 	<body>
  25. 		<div id="div1">
  26. 			<p id="p1">我是P标签</p>
  27. 		</div>
  28. 	</body>
  29. </html>

清空节点：empty()

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="UTF-8">
  5. 		<title>empty()：清空节点</title>
  6. 		<style>
  7. 			ul>li{
  8. 				list-style-type: none;
  9. 			}
  10. 		</style>
  11. 		<script type="text/javascript" src="../js/jquery-3.3.1.js" ></script>
  12. 		<script>
  13. 			$(function(){
  14. 				$("#btn").click(function(){
  15. 					// 清空ul下面所有的li
  16. 					$("ul>li").empty();
  17. 				})
  18. 			})
  19. 		</script>
  20. 	</head>
  21. 	<body>
  22. 		<ul>
  23. 			<li>AAA</li>
  24. 			<li>BBB</li>
  25. 			<li>CCC</li>
  26. 			<li>DDD</li>
  27. 		</ul>
  28. 		<input type="button" id="btn" value="清空" />
  29. 	</body>
  30. </html>

克隆节点：clone()

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="UTF-8">
  5. 		<title>clone()：克隆节点</title>
  6. 		<style>
  7. 			#div1{
  8. 				width: 100px;
  9. 				height: auto;
  10. 				border: 3px solid teal;
  11. 			}
  12. 		</style>
  13. 		<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
  14. 		<!-- 克隆节点 -->
  15. 		<script>
  16. 			$(function(){
  17. 				$("#c_btn").click(function(){
  18. 					// 将id为p1的标签克隆到id为div1中
  19. 					$("#p1").clone().prependTo("#div1");
  20. 				});
  21. 			})
  22. 		</script>
  23. 	</head>
  24. 	<body>
  25. 		<div id="div1">
  26. 			<p id="p1">我是P标签</p>
  27. 		</div>
  28. 		<input type="button" id="c_btn" value="克隆" />
  29. 	</body>
  30. </html>

动画操作

隐藏和显示：hide()/show()

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="UTF-8">
  5. 		<title>jQuery隐藏和显示</title>
  6. 		<style>
  7. 			#div1{
  8. 				width: 130px;
  9. 				height: auto;
  10. 				border: 3px solid teal;
  11. 			}
  12. 		</style>
  13. 		<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
  14. 		<!-- 隐藏和显示 -->
  15. 		<script>
  16. 			$(function(){
  17. 				$("#h_btn").click(function(){
  18. 					// hide()：隐藏	()中是隐藏所用的时间，毫秒为单位
  19. //					$("#div1").hide();
  20. 					$("#div1").hide(1000);
  21. 				});
  22. 				$("#s_btn").click(function(){
  23. 					// show()：显示	()中是显示所用的时间，毫秒为单位
  24. //					$("#div1").show();
  25. 					$("#div1").show(1000);
  26. 				});
  27. 			})
  28. 		</script>
  29. 	</head>
  30. 	<body>
  31. 		<div id="div1">
  32. 			<p id="p1">别有幽愁暗恨生，此时无声胜有声。</p>
  33. 		</div>
  34. 		<input type="button" id="h_btn" value="隐藏" />
  35. 		<input type="button" id="s_btn" value="显示" />
  36. 	</body>
  37. </html>

淡出和淡入

 fadeOut()：淡出(亮--->暗)，fadeIn()：淡入(暗--->亮)，fadeTo()： 渐变，fadeToggle()：淡入淡出切换

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="UTF-8">
  5. 		<title>jQuery淡出和淡入</title>
  6. 		<style>
  7. 			#div1{
  8. 				width: 130px;
  9. 				height: auto;
  10. 				border: 3px solid teal;
  11. 			}
  12. 		</style>
  13. 		<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
  14. 		<!-- 淡入和淡出 -->
  15. 		<script>
  16. 			$(function(){
  17. 				$("#btn1").click(function(){
  18. 					// fadeOut()：淡出
  19. 					$("div").fadeOut(1000);
  20. 				})
  22. 				$("#btn2").click(function(){
  23. 					// fadeIn()：淡入
  24. 					$("div").fadeIn(1000,function(){
  25. 						alert("成功淡入");
  26. 					})
  27. 				})
  29. 				// 淡入和淡出之间切换
  30. 				$("#btn3").click(function(){
  31. 					//fadeToggle()：在淡入和淡出之间切换
  32. 					// 一旦淡出执行完毕，按钮变为淡入,否则变为淡出
  33. 					$("div").fadeToggle(1000,function(){
  34. 						if($("#btn3").val()=="淡出"){
  35. 							$("#btn3").val('淡入');
  36. 						}else{
  37. 							$("#btn3").val('淡出');
  38. 						}
  39. 					})
  40. 				})
  42. 				// 渐变
  43. 				$("#btn4").click(function(){
  44. 					// 参数1：渐变的时间  参数2：0.0~1.0之间的透明度
  45. 					$("div").fadeTo(1000,0.7);
  46. 					$("div").fadeTo(1000,0.4);
  47. 					$("div").fadeTo(1000,0.1);
  48. 				})
  50. 			})
  51. 		</script>
  52. 	</head>
  53. 	<body>
  54. 		<div id="div1">
  55. 			<p id="p1">别有幽愁暗恨生，此时无声胜有声。</p>
  56. 		</div>
  57. 		<input type="button" id="btn1" value="淡出" />
  58. 		<input type="button" id="btn2" value="淡入" />
  59. 		<input type="button" id="btn3" value="淡出" />
  60. 		<!-- 透明度在1.0~0.0之间慢慢的变暗 -->
  61. 		<input type="button" id="btn4" value="渐变" />
  62. 	</body>
  63. </html>

收起和展开

slideUp(): 收起，slideDown()：展开，slideTo()：收起和展开之间切换

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="UTF-8">
  5. 		<title>jQuery收起与展开</title>
  6. 		<style>
  7. 			#div1{
  8. 				width: 130px;
  9. 				height: auto;
  10. 				border: 3px solid teal;
  11. 			}
  12. 		</style>
  13. 		<script type="text/javascript" src="js/jquery-3.4.1.js" ></script>
  14. 		<!-- 收起与展开 -->
  15. 		<script>
  16. 			$(function(){
  17. 				$("#btn1").click(function(){
  18. 					//slideUp()：收起（上下收起）
  19. 					$("div").slideUp(1000);
  20. 				})
  21. 				$("#btn2").click(function(){
  22. 					//slideDown()：展开（上下展开）
  23. 					$("div").slideDown(1000);
  24. 				})
  26. 				// slideToggle()：收起跟展开之间切换
  27. 				$("#btn3").click(function(){
  28. 					$("div").slideToggle(2000,function(){
  29. 						if($("#btn3").val()=='收起'){
  30. 							$("#btn3").val('展开');
  31. 						}else{
  32. 							$("#btn3").val('收起');
  33. 						}
  34. 					})
  35. 				})
  36. 			})
  37. 		</script>
  38. 	</head>
  39. 	<body>
  40. 		<div id="div1">
  41. 			<p id="p1">别有幽愁暗恨生，此时无声胜有声。</p>
  42. 		</div>
  43. 		<input type="button" id="btn1" value="收起" />
  44. 		<input type="button" id="btn2" value="展开" />
  45. 		<input type="button" id="btn3" value="收起" />
  46. 	</body>
  47. </html>

jQuery在线API文档：http://jquery.cuishifeng.cn/

jQuery离线API文档：https://www.lanzous.com/i6zz7yh

jQuery笔记归纳的更多相关文章

  1. jquery笔记之属性选择器 查找以某种条件开头的页面元素

    jquery笔记之属性选择器 查找以某种条件开头的页面元素 转载:http://www.blogbus.com/amyqiong-logs/78340326.html $("div[id]& ...

  2. Jquery笔记之第二天

    Jquery笔记之第二天 jQuery - 获取内容和属性 获得内容 - text().html() 以及 val() <script> $(document).ready(functio ...

  3. Jquery笔记和ajax笔记

    Jquery笔记:jQuery是一个JavaScript函数库,专为事件处理设计 1.jQuery的引入 <script text="type/javascript" src ...

  4. 前端：jQuery笔记

    前端:jQuery笔记 此系列文章乃是学习jQuery的学习笔记. Asp.net MVC Comet推送 摘要: 一.简介 在Asp.net MVC实现的Comet推送的原理很简单. 服务器端:接收 ...

  5. Python全栈之jQuery笔记

    jQuery runnoob网址: http://www.runoob.com/jquery/jquery-tutorial.html jQuery API手册: http://www.runoob. ...

  6. jQuery笔记之 Ajax回调地狱

    本次演示回调地狱: 模拟电影网站,判断用户是否为该网址的vip用户(最高权限为vip) 如果vpi就展示出vip电影,点击相应的电影显示出该电影的详细介绍 ---------------------- ...

  7. JQuery笔记汇总

    jQuery相关资料 官网: jQuery官网 在线API: jQuery在线API W3School:W3School-jQuery教程(中文版哦) 下载jQuery:jQuery各版本下载 jQu ...

  8. jquery笔记（基础知识）

    最近在学jquery,做点小笔记 语法: $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有 <p> 元素 $("p . ...

  9. 记录前台页面一些jQuery笔记

    不知不觉工作两个月了,在这两个月,我成长很快学的很多,刚开始的时候,很多问题不懂,很多技术不会,当然作为实习阶段,很多不会的问题我都会去请教别人,在这里得感谢那些帮助我的人,但是经常去问别人问题,首先 ...

随机推荐

  1. 10-5使用OpenType字体

    http://www.missyuan.com/viewthread.php?tid=350835&extra=&page=1 现在当我们通过Photoshop.Word或其他应用程序 ...

  2. elasticsearch update方法报错： Too many dynamic script compilations within, max: [75/5m]

    PUT _cluster/settings    {        "transient" : {            "script.max_compilations ...

  3. ZR#988

    ZR#988 解法: 先算出横着能排多少座位, 以及需要排几列, 才能把 n 个座位全部排下来．要使得尽量多的位置在走廊边上, 于是在 n 列中插入走廊的策略是显然的, 我们只要以两列为单位, 在其中 ...

  4. 如何计算一个C/C++程序运行时间

    前两天要计算一个用C++实现的算法运行时间,就用了clock()这个函数.程序大体上如下: clock_t start,end; start = clock(); /*my code*/ end = ...

  5. Dubbo 2.6.0升级到2.7.3

    dubbo依赖,修改groupId和升级version版本号 <dependency> <groupId>com.alibaba</groupId> <art ...

  6. C++ 中virtual 用法

    一.virtual 修饰基类中的函数,派生类重写该函数: #include using namespace std; class A{ public: virtual void display(){ ...

  7. 灵活使用ssh、dsh和pssh高效管理大量计算机

    http://os.iyunv.com/art/201012/240113.htm 灵活使用ssh.dsh和pssh高效管理大量计算机 http://os.iyunv.com2010-12-23 09 ...

  8. OpenJudge计算概论-人民币支付

    /*========================================================== 人民币支付 总时间限制: 1000ms 内存限制: 65536kB 描述 从键 ...

  9. pgpool 的配置文件详解

    listen_addresses = 'localhost' # Host name or IP address to listen on: # '*' for all, '' for no TCP/ ...

  10. jpeglib.h jerror.h No such file or directory 以及 SDL/SDL.h: 没有那个文件

    1. error: jpeglib.h jerror.h No such file or directory 没有那个文件或目录 jpeg.cc:19:21:error: jpeglib.h: 没有那 ...